diff --git a/3.2.1/CNAME b/3.2.1/CNAME
new file mode 100644
index 000000000..f13145254
--- /dev/null
+++ b/3.2.1/CNAME
@@ -0,0 +1 @@
+fontawesome.io
\ No newline at end of file
diff --git a/3.2.1/Makefile b/3.2.1/Makefile
new file mode 100644
index 000000000..7359665af
--- /dev/null
+++ b/3.2.1/Makefile
@@ -0,0 +1,36 @@
+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
diff --git a/3.2.1/assets/css/prettify.css b/3.2.1/assets/css/prettify.css
new file mode 100755
index 000000000..aedd8d1a9
--- /dev/null
+++ b/3.2.1/assets/css/prettify.css
@@ -0,0 +1,30 @@
+.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
diff --git a/3.2.1/assets/css/pygments.css b/3.2.1/assets/css/pygments.css
new file mode 100644
index 000000000..5af20ee5e
--- /dev/null
+++ b/3.2.1/assets/css/pygments.css
@@ -0,0 +1,71 @@
+.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;
+}
diff --git a/3.2.1/assets/css/site.css b/3.2.1/assets/css/site.css
new file mode 100644
index 000000000..b5fd3f612
--- /dev/null
+++ b/3.2.1/assets/css/site.css
@@ -0,0 +1,1154 @@
+.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){}
diff --git a/assets/font-awesome.zip b/3.2.1/assets/font-awesome.zip
similarity index 100%
rename from assets/font-awesome.zip
rename to 3.2.1/assets/font-awesome.zip
diff --git a/assets/font-awesome/css/font-awesome-ie7.css b/3.2.1/assets/font-awesome/css/font-awesome-ie7.css
similarity index 100%
rename from assets/font-awesome/css/font-awesome-ie7.css
rename to 3.2.1/assets/font-awesome/css/font-awesome-ie7.css
diff --git a/assets/font-awesome/css/font-awesome-ie7.min.css b/3.2.1/assets/font-awesome/css/font-awesome-ie7.min.css
similarity index 100%
rename from assets/font-awesome/css/font-awesome-ie7.min.css
rename to 3.2.1/assets/font-awesome/css/font-awesome-ie7.min.css
diff --git a/3.2.1/assets/font-awesome/css/font-awesome.css b/3.2.1/assets/font-awesome/css/font-awesome.css
new file mode 100644
index 000000000..7ede1828a
--- /dev/null
+++ b/3.2.1/assets/font-awesome/css/font-awesome.css
@@ -0,0 +1,1479 @@
+/*!
+ *  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";
+}
diff --git a/3.2.1/assets/font-awesome/css/font-awesome.min.css b/3.2.1/assets/font-awesome/css/font-awesome.min.css
new file mode 100644
index 000000000..866437fa4
--- /dev/null
+++ b/3.2.1/assets/font-awesome/css/font-awesome.min.css
@@ -0,0 +1,403 @@
+@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";}
diff --git a/assets/font-awesome/font/FontAwesome.otf b/3.2.1/assets/font-awesome/font/FontAwesome.otf
similarity index 100%
rename from assets/font-awesome/font/FontAwesome.otf
rename to 3.2.1/assets/font-awesome/font/FontAwesome.otf
diff --git a/assets/font-awesome/font/fontawesome-webfont.eot b/3.2.1/assets/font-awesome/font/fontawesome-webfont.eot
similarity index 100%
rename from assets/font-awesome/font/fontawesome-webfont.eot
rename to 3.2.1/assets/font-awesome/font/fontawesome-webfont.eot
diff --git a/assets/font-awesome/font/fontawesome-webfont.svg b/3.2.1/assets/font-awesome/font/fontawesome-webfont.svg
similarity index 100%
rename from assets/font-awesome/font/fontawesome-webfont.svg
rename to 3.2.1/assets/font-awesome/font/fontawesome-webfont.svg
diff --git a/assets/font-awesome/font/fontawesome-webfont.ttf b/3.2.1/assets/font-awesome/font/fontawesome-webfont.ttf
similarity index 100%
rename from assets/font-awesome/font/fontawesome-webfont.ttf
rename to 3.2.1/assets/font-awesome/font/fontawesome-webfont.ttf
diff --git a/assets/font-awesome/font/fontawesome-webfont.woff b/3.2.1/assets/font-awesome/font/fontawesome-webfont.woff
similarity index 100%
rename from assets/font-awesome/font/fontawesome-webfont.woff
rename to 3.2.1/assets/font-awesome/font/fontawesome-webfont.woff
diff --git a/assets/font-awesome/less/bootstrap.less b/3.2.1/assets/font-awesome/less/bootstrap.less
similarity index 100%
rename from assets/font-awesome/less/bootstrap.less
rename to 3.2.1/assets/font-awesome/less/bootstrap.less
diff --git a/3.2.1/assets/font-awesome/less/core.less b/3.2.1/assets/font-awesome/less/core.less
new file mode 100644
index 000000000..1ef7e2235
--- /dev/null
+++ b/3.2.1/assets/font-awesome/less/core.less
@@ -0,0 +1,129 @@
+/* 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;
+  }
+}
diff --git a/assets/font-awesome/less/extras.less b/3.2.1/assets/font-awesome/less/extras.less
similarity index 100%
rename from assets/font-awesome/less/extras.less
rename to 3.2.1/assets/font-awesome/less/extras.less
diff --git a/assets/font-awesome/less/font-awesome-ie7.less b/3.2.1/assets/font-awesome/less/font-awesome-ie7.less
similarity index 100%
rename from assets/font-awesome/less/font-awesome-ie7.less
rename to 3.2.1/assets/font-awesome/less/font-awesome-ie7.less
diff --git a/3.2.1/assets/font-awesome/less/font-awesome.less b/3.2.1/assets/font-awesome/less/font-awesome.less
new file mode 100644
index 000000000..0f454612b
--- /dev/null
+++ b/3.2.1/assets/font-awesome/less/font-awesome.less
@@ -0,0 +1,33 @@
+/*!
+ *  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";
diff --git a/3.2.1/assets/font-awesome/less/icons.less b/3.2.1/assets/font-awesome/less/icons.less
new file mode 100644
index 000000000..476d201ec
--- /dev/null
+++ b/3.2.1/assets/font-awesome/less/icons.less
@@ -0,0 +1,381 @@
+/* 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; }
diff --git a/3.2.1/assets/font-awesome/less/mixins.less b/3.2.1/assets/font-awesome/less/mixins.less
new file mode 100644
index 000000000..f7fdda590
--- /dev/null
+++ b/3.2.1/assets/font-awesome/less/mixins.less
@@ -0,0 +1,48 @@
+// 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;
+    }
+  }
+}
diff --git a/3.2.1/assets/font-awesome/less/path.less b/3.2.1/assets/font-awesome/less/path.less
new file mode 100644
index 000000000..8ccef8cf0
--- /dev/null
+++ b/3.2.1/assets/font-awesome/less/path.less
@@ -0,0 +1,14 @@
+/* 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;
+}
diff --git a/3.2.1/assets/font-awesome/less/variables.less b/3.2.1/assets/font-awesome/less/variables.less
new file mode 100644
index 000000000..9d0879b0d
--- /dev/null
+++ b/3.2.1/assets/font-awesome/less/variables.less
@@ -0,0 +1,735 @@
+// 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";
+
diff --git a/3.2.1/assets/font-awesome/scss/_core.scss b/3.2.1/assets/font-awesome/scss/_core.scss
new file mode 100644
index 000000000..0189c73df
--- /dev/null
+++ b/3.2.1/assets/font-awesome/scss/_core.scss
@@ -0,0 +1,129 @@
+/* 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;
+  }
+}
diff --git a/3.2.1/assets/font-awesome/scss/_icons.scss b/3.2.1/assets/font-awesome/scss/_icons.scss
new file mode 100644
index 000000000..eefda0c9e
--- /dev/null
+++ b/3.2.1/assets/font-awesome/scss/_icons.scss
@@ -0,0 +1,381 @@
+/* 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; }
diff --git a/3.2.1/assets/font-awesome/scss/_mixins.scss b/3.2.1/assets/font-awesome/scss/_mixins.scss
new file mode 100644
index 000000000..ca9c5931b
--- /dev/null
+++ b/3.2.1/assets/font-awesome/scss/_mixins.scss
@@ -0,0 +1,48 @@
+// 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;
+    }
+  }
+}
diff --git a/3.2.1/assets/font-awesome/scss/_path.scss b/3.2.1/assets/font-awesome/scss/_path.scss
new file mode 100644
index 000000000..bb3f36b70
--- /dev/null
+++ b/3.2.1/assets/font-awesome/scss/_path.scss
@@ -0,0 +1,14 @@
+/* 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;
+}
diff --git a/3.2.1/assets/font-awesome/scss/_variables.scss b/3.2.1/assets/font-awesome/scss/_variables.scss
new file mode 100644
index 000000000..7d6bbc5b1
--- /dev/null
+++ b/3.2.1/assets/font-awesome/scss/_variables.scss
@@ -0,0 +1,734 @@
+// 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";
+
diff --git a/assets/font-awesome/scss/font-awesome-ie7.scss b/3.2.1/assets/font-awesome/scss/font-awesome-ie7.scss
similarity index 100%
rename from assets/font-awesome/scss/font-awesome-ie7.scss
rename to 3.2.1/assets/font-awesome/scss/font-awesome-ie7.scss
diff --git a/3.2.1/assets/font-awesome/scss/font-awesome.scss b/3.2.1/assets/font-awesome/scss/font-awesome.scss
new file mode 100644
index 000000000..e5903d856
--- /dev/null
+++ b/3.2.1/assets/font-awesome/scss/font-awesome.scss
@@ -0,0 +1,33 @@
+/*!
+ *  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";
diff --git a/3.2.1/assets/ico/favicon.ico b/3.2.1/assets/ico/favicon.ico
new file mode 100644
index 000000000..742243e31
Binary files /dev/null and b/3.2.1/assets/ico/favicon.ico differ
diff --git a/assets/img/contribution-sample.png b/3.2.1/assets/img/contribution-sample.png
similarity index 100%
rename from assets/img/contribution-sample.png
rename to 3.2.1/assets/img/contribution-sample.png
diff --git a/assets/img/fort_awesome.jpg b/3.2.1/assets/img/fort_awesome.jpg
similarity index 100%
rename from assets/img/fort_awesome.jpg
rename to 3.2.1/assets/img/fort_awesome.jpg
diff --git a/assets/img/glyphicons-halflings-white.png b/3.2.1/assets/img/glyphicons-halflings-white.png
similarity index 100%
rename from assets/img/glyphicons-halflings-white.png
rename to 3.2.1/assets/img/glyphicons-halflings-white.png
diff --git a/assets/img/glyphicons-halflings.png b/3.2.1/assets/img/glyphicons-halflings.png
similarity index 100%
rename from assets/img/glyphicons-halflings.png
rename to 3.2.1/assets/img/glyphicons-halflings.png
diff --git a/assets/img/icon-flag.pdf b/3.2.1/assets/img/icon-flag.pdf
similarity index 100%
rename from assets/img/icon-flag.pdf
rename to 3.2.1/assets/img/icon-flag.pdf
diff --git a/3.2.1/assets/js/ZeroClipboard-1.1.7.min.js b/3.2.1/assets/js/ZeroClipboard-1.1.7.min.js
new file mode 100755
index 000000000..32535fddf
--- /dev/null
+++ b/3.2.1/assets/js/ZeroClipboard-1.1.7.min.js
@@ -0,0 +1,8 @@
+/*!
+ * 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
diff --git a/3.2.1/assets/js/ZeroClipboard-1.1.7.swf b/3.2.1/assets/js/ZeroClipboard-1.1.7.swf
new file mode 100755
index 000000000..880e64ee7
Binary files /dev/null and b/3.2.1/assets/js/ZeroClipboard-1.1.7.swf differ
diff --git a/3.2.1/assets/js/backbone.min.js b/3.2.1/assets/js/backbone.min.js
new file mode 100644
index 000000000..5846b325d
--- /dev/null
+++ b/3.2.1/assets/js/backbone.min.js
@@ -0,0 +1,37 @@
+// 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);
diff --git a/3.2.1/assets/js/bootstrap-2.3.1.min.js b/3.2.1/assets/js/bootstrap-2.3.1.min.js
new file mode 100644
index 000000000..95c5ac5ee
--- /dev/null
+++ b/3.2.1/assets/js/bootstrap-2.3.1.min.js
@@ -0,0 +1,6 @@
+/*!
+* 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
diff --git a/3.2.1/assets/js/bootstrap-222.min.js b/3.2.1/assets/js/bootstrap-222.min.js
new file mode 100644
index 000000000..6eeb15ce3
--- /dev/null
+++ b/3.2.1/assets/js/bootstrap-222.min.js
@@ -0,0 +1,6 @@
+/*!
+* 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
diff --git a/3.2.1/assets/js/jquery-1.7.1.min.js b/3.2.1/assets/js/jquery-1.7.1.min.js
new file mode 100644
index 000000000..198b3ff07
--- /dev/null
+++ b/3.2.1/assets/js/jquery-1.7.1.min.js
@@ -0,0 +1,4 @@
+/*! 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
diff --git a/3.2.1/assets/js/prettify.min.js b/3.2.1/assets/js/prettify.min.js
new file mode 100644
index 000000000..eef5ad7e6
--- /dev/null
+++ b/3.2.1/assets/js/prettify.min.js
@@ -0,0 +1,28 @@
+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"}})();
diff --git a/3.2.1/assets/js/site.js b/3.2.1/assets/js/site.js
new file mode 100644
index 000000000..16fa261a6
--- /dev/null
+++ b/3.2.1/assets/js/site.js
@@ -0,0 +1,38 @@
+$(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);
+//    }
+//  });
+});
diff --git a/3.2.1/assets/js/underscore.min.js b/3.2.1/assets/js/underscore.min.js
new file mode 100644
index 000000000..5b55f32be
--- /dev/null
+++ b/3.2.1/assets/js/underscore.min.js
@@ -0,0 +1,31 @@
+// 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,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;").replace(/\//g,"&#x2F;")};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);
diff --git a/assets/less/bootstrap-2.3.2/accordion.less b/3.2.1/assets/less/bootstrap-2.3.2/accordion.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/accordion.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/accordion.less
diff --git a/assets/less/bootstrap-2.3.2/alerts.less b/3.2.1/assets/less/bootstrap-2.3.2/alerts.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/alerts.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/alerts.less
diff --git a/assets/less/bootstrap-2.3.2/bootstrap.less b/3.2.1/assets/less/bootstrap-2.3.2/bootstrap.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/bootstrap.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/bootstrap.less
diff --git a/assets/less/bootstrap-2.3.2/breadcrumbs.less b/3.2.1/assets/less/bootstrap-2.3.2/breadcrumbs.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/breadcrumbs.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/breadcrumbs.less
diff --git a/assets/less/bootstrap-2.3.2/button-groups.less b/3.2.1/assets/less/bootstrap-2.3.2/button-groups.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/button-groups.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/button-groups.less
diff --git a/assets/less/bootstrap-2.3.2/buttons.less b/3.2.1/assets/less/bootstrap-2.3.2/buttons.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/buttons.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/buttons.less
diff --git a/assets/less/bootstrap-2.3.2/carousel.less b/3.2.1/assets/less/bootstrap-2.3.2/carousel.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/carousel.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/carousel.less
diff --git a/assets/less/bootstrap-2.3.2/close.less b/3.2.1/assets/less/bootstrap-2.3.2/close.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/close.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/close.less
diff --git a/assets/less/bootstrap-2.3.2/code.less b/3.2.1/assets/less/bootstrap-2.3.2/code.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/code.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/code.less
diff --git a/assets/less/bootstrap-2.3.2/component-animations.less b/3.2.1/assets/less/bootstrap-2.3.2/component-animations.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/component-animations.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/component-animations.less
diff --git a/assets/less/bootstrap-2.3.2/dropdowns.less b/3.2.1/assets/less/bootstrap-2.3.2/dropdowns.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/dropdowns.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/dropdowns.less
diff --git a/assets/less/bootstrap-2.3.2/forms.less b/3.2.1/assets/less/bootstrap-2.3.2/forms.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/forms.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/forms.less
diff --git a/assets/less/bootstrap-2.3.2/grid.less b/3.2.1/assets/less/bootstrap-2.3.2/grid.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/grid.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/grid.less
diff --git a/assets/less/bootstrap-2.3.2/hero-unit.less b/3.2.1/assets/less/bootstrap-2.3.2/hero-unit.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/hero-unit.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/hero-unit.less
diff --git a/assets/less/bootstrap-2.3.2/labels-badges.less b/3.2.1/assets/less/bootstrap-2.3.2/labels-badges.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/labels-badges.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/labels-badges.less
diff --git a/assets/less/bootstrap-2.3.2/layouts.less b/3.2.1/assets/less/bootstrap-2.3.2/layouts.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/layouts.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/layouts.less
diff --git a/assets/less/bootstrap-2.3.2/media.less b/3.2.1/assets/less/bootstrap-2.3.2/media.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/media.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/media.less
diff --git a/assets/less/bootstrap-2.3.2/mixins.less b/3.2.1/assets/less/bootstrap-2.3.2/mixins.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/mixins.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/mixins.less
diff --git a/assets/less/bootstrap-2.3.2/modals.less b/3.2.1/assets/less/bootstrap-2.3.2/modals.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/modals.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/modals.less
diff --git a/assets/less/bootstrap-2.3.2/navbar.less b/3.2.1/assets/less/bootstrap-2.3.2/navbar.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/navbar.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/navbar.less
diff --git a/assets/less/bootstrap-2.3.2/navs.less b/3.2.1/assets/less/bootstrap-2.3.2/navs.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/navs.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/navs.less
diff --git a/assets/less/bootstrap-2.3.2/pager.less b/3.2.1/assets/less/bootstrap-2.3.2/pager.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/pager.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/pager.less
diff --git a/assets/less/bootstrap-2.3.2/pagination.less b/3.2.1/assets/less/bootstrap-2.3.2/pagination.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/pagination.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/pagination.less
diff --git a/assets/less/bootstrap-2.3.2/popovers.less b/3.2.1/assets/less/bootstrap-2.3.2/popovers.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/popovers.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/popovers.less
diff --git a/assets/less/bootstrap-2.3.2/progress-bars.less b/3.2.1/assets/less/bootstrap-2.3.2/progress-bars.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/progress-bars.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/progress-bars.less
diff --git a/assets/less/bootstrap-2.3.2/reset.less b/3.2.1/assets/less/bootstrap-2.3.2/reset.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/reset.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/reset.less
diff --git a/assets/less/bootstrap-2.3.2/responsive-1200px-min.less b/3.2.1/assets/less/bootstrap-2.3.2/responsive-1200px-min.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/responsive-1200px-min.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/responsive-1200px-min.less
diff --git a/assets/less/bootstrap-2.3.2/responsive-767px-max.less b/3.2.1/assets/less/bootstrap-2.3.2/responsive-767px-max.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/responsive-767px-max.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/responsive-767px-max.less
diff --git a/assets/less/bootstrap-2.3.2/responsive-768px-979px.less b/3.2.1/assets/less/bootstrap-2.3.2/responsive-768px-979px.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/responsive-768px-979px.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/responsive-768px-979px.less
diff --git a/assets/less/bootstrap-2.3.2/responsive-navbar.less b/3.2.1/assets/less/bootstrap-2.3.2/responsive-navbar.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/responsive-navbar.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/responsive-navbar.less
diff --git a/assets/less/bootstrap-2.3.2/responsive-utilities.less b/3.2.1/assets/less/bootstrap-2.3.2/responsive-utilities.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/responsive-utilities.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/responsive-utilities.less
diff --git a/assets/less/bootstrap-2.3.2/responsive.less b/3.2.1/assets/less/bootstrap-2.3.2/responsive.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/responsive.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/responsive.less
diff --git a/assets/less/bootstrap-2.3.2/scaffolding.less b/3.2.1/assets/less/bootstrap-2.3.2/scaffolding.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/scaffolding.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/scaffolding.less
diff --git a/assets/less/bootstrap-2.3.2/sprites.less b/3.2.1/assets/less/bootstrap-2.3.2/sprites.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/sprites.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/sprites.less
diff --git a/assets/less/bootstrap-2.3.2/tables.less b/3.2.1/assets/less/bootstrap-2.3.2/tables.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/tables.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/tables.less
diff --git a/assets/less/bootstrap-2.3.2/thumbnails.less b/3.2.1/assets/less/bootstrap-2.3.2/thumbnails.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/thumbnails.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/thumbnails.less
diff --git a/assets/less/bootstrap-2.3.2/tooltip.less b/3.2.1/assets/less/bootstrap-2.3.2/tooltip.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/tooltip.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/tooltip.less
diff --git a/assets/less/bootstrap-2.3.2/type.less b/3.2.1/assets/less/bootstrap-2.3.2/type.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/type.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/type.less
diff --git a/assets/less/bootstrap-2.3.2/utilities.less b/3.2.1/assets/less/bootstrap-2.3.2/utilities.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/utilities.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/utilities.less
diff --git a/assets/less/bootstrap-2.3.2/variables.less b/3.2.1/assets/less/bootstrap-2.3.2/variables.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/variables.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/variables.less
diff --git a/assets/less/bootstrap-2.3.2/wells.less b/3.2.1/assets/less/bootstrap-2.3.2/wells.less
similarity index 100%
rename from assets/less/bootstrap-2.3.2/wells.less
rename to 3.2.1/assets/less/bootstrap-2.3.2/wells.less
diff --git a/assets/less/lazy.less b/3.2.1/assets/less/lazy.less
similarity index 100%
rename from assets/less/lazy.less
rename to 3.2.1/assets/less/lazy.less
diff --git a/assets/less/mixins.less b/3.2.1/assets/less/mixins.less
similarity index 100%
rename from assets/less/mixins.less
rename to 3.2.1/assets/less/mixins.less
diff --git a/assets/less/responsive-1200px-min.less b/3.2.1/assets/less/responsive-1200px-min.less
similarity index 100%
rename from assets/less/responsive-1200px-min.less
rename to 3.2.1/assets/less/responsive-1200px-min.less
diff --git a/assets/less/responsive-767px-max.less b/3.2.1/assets/less/responsive-767px-max.less
similarity index 100%
rename from assets/less/responsive-767px-max.less
rename to 3.2.1/assets/less/responsive-767px-max.less
diff --git a/assets/less/responsive-768px-979px.less b/3.2.1/assets/less/responsive-768px-979px.less
similarity index 100%
rename from assets/less/responsive-768px-979px.less
rename to 3.2.1/assets/less/responsive-768px-979px.less
diff --git a/assets/less/responsive-navbar.less b/3.2.1/assets/less/responsive-navbar.less
similarity index 100%
rename from assets/less/responsive-navbar.less
rename to 3.2.1/assets/less/responsive-navbar.less
diff --git a/assets/less/responsive.less b/3.2.1/assets/less/responsive.less
similarity index 100%
rename from assets/less/responsive.less
rename to 3.2.1/assets/less/responsive.less
diff --git a/3.2.1/assets/less/site.less b/3.2.1/assets/less/site.less
new file mode 100644
index 000000000..fa185c1aa
--- /dev/null
+++ b/3.2.1/assets/less/site.less
@@ -0,0 +1,352 @@
+@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";
diff --git a/assets/less/sticky-footer.less b/3.2.1/assets/less/sticky-footer.less
similarity index 100%
rename from assets/less/sticky-footer.less
rename to 3.2.1/assets/less/sticky-footer.less
diff --git a/assets/less/variables.less b/3.2.1/assets/less/variables.less
similarity index 100%
rename from assets/less/variables.less
rename to 3.2.1/assets/less/variables.less
diff --git a/3.2.1/cheatsheet/index.html b/3.2.1/cheatsheet/index.html
new file mode 100644
index 000000000..61e7d7c4a
--- /dev/null
+++ b/3.2.1/cheatsheet/index.html
@@ -0,0 +1,2379 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../examples/#new-styles">New Styles</a></li>
+              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../examples/#buttons">Buttons</a></li>
+              <li><a href="../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../examples/#navigation">Navigation</a></li>
+              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../examples/#stacked">Stacked</a></li>
+              <li><a href="../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../community/">Community</a></li>
+          <li><a href="../license/">License</a></li>
+        </ul>
+        <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>&nbsp; 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, &amp; Unicode</h2>
+
+<div class="row">
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf000</i>
+    icon-glass
+    <span class="muted">(&amp;#xf000;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf001</i>
+    icon-music
+    <span class="muted">(&amp;#xf001;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf002</i>
+    icon-search
+    <span class="muted">(&amp;#xf002;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf003</i>
+    icon-envelope-alt
+    <span class="muted">(&amp;#xf003;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf004</i>
+    icon-heart
+    <span class="muted">(&amp;#xf004;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf005</i>
+    icon-star
+    <span class="muted">(&amp;#xf005;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf006</i>
+    icon-star-empty
+    <span class="muted">(&amp;#xf006;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf007</i>
+    icon-user
+    <span class="muted">(&amp;#xf007;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf008</i>
+    icon-film
+    <span class="muted">(&amp;#xf008;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf009</i>
+    icon-th-large
+    <span class="muted">(&amp;#xf009;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf00a</i>
+    icon-th
+    <span class="muted">(&amp;#xf00a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf00b</i>
+    icon-th-list
+    <span class="muted">(&amp;#xf00b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf00c</i>
+    icon-ok
+    <span class="muted">(&amp;#xf00c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf00d</i>
+    icon-remove
+    <span class="muted">(&amp;#xf00d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf00e</i>
+    icon-zoom-in
+    <span class="muted">(&amp;#xf00e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf010</i>
+    icon-zoom-out
+    <span class="muted">(&amp;#xf010;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf011</i>
+    icon-off
+    <span class="muted">(&amp;#xf011;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf012</i>
+    icon-signal
+    <span class="muted">(&amp;#xf012;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf013</i>
+    icon-cog
+    <span class="muted">(&amp;#xf013;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf014</i>
+    icon-trash
+    <span class="muted">(&amp;#xf014;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf015</i>
+    icon-home
+    <span class="muted">(&amp;#xf015;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf016</i>
+    icon-file-alt
+    <span class="muted">(&amp;#xf016;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf017</i>
+    icon-time
+    <span class="muted">(&amp;#xf017;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf018</i>
+    icon-road
+    <span class="muted">(&amp;#xf018;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf019</i>
+    icon-download-alt
+    <span class="muted">(&amp;#xf019;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf01a</i>
+    icon-download
+    <span class="muted">(&amp;#xf01a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf01b</i>
+    icon-upload
+    <span class="muted">(&amp;#xf01b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf01c</i>
+    icon-inbox
+    <span class="muted">(&amp;#xf01c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf01d</i>
+    icon-play-circle
+    <span class="muted">(&amp;#xf01d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf01e</i>
+    icon-repeat
+    <span class="muted">(&amp;#xf01e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf021</i>
+    icon-refresh
+    <span class="muted">(&amp;#xf021;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf022</i>
+    icon-list-alt
+    <span class="muted">(&amp;#xf022;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf023</i>
+    icon-lock
+    <span class="muted">(&amp;#xf023;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf024</i>
+    icon-flag
+    <span class="muted">(&amp;#xf024;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf025</i>
+    icon-headphones
+    <span class="muted">(&amp;#xf025;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf026</i>
+    icon-volume-off
+    <span class="muted">(&amp;#xf026;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf027</i>
+    icon-volume-down
+    <span class="muted">(&amp;#xf027;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf028</i>
+    icon-volume-up
+    <span class="muted">(&amp;#xf028;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf029</i>
+    icon-qrcode
+    <span class="muted">(&amp;#xf029;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf02a</i>
+    icon-barcode
+    <span class="muted">(&amp;#xf02a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf02b</i>
+    icon-tag
+    <span class="muted">(&amp;#xf02b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf02c</i>
+    icon-tags
+    <span class="muted">(&amp;#xf02c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf02d</i>
+    icon-book
+    <span class="muted">(&amp;#xf02d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf02e</i>
+    icon-bookmark
+    <span class="muted">(&amp;#xf02e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf02f</i>
+    icon-print
+    <span class="muted">(&amp;#xf02f;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf030</i>
+    icon-camera
+    <span class="muted">(&amp;#xf030;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf031</i>
+    icon-font
+    <span class="muted">(&amp;#xf031;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf032</i>
+    icon-bold
+    <span class="muted">(&amp;#xf032;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf033</i>
+    icon-italic
+    <span class="muted">(&amp;#xf033;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf034</i>
+    icon-text-height
+    <span class="muted">(&amp;#xf034;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf035</i>
+    icon-text-width
+    <span class="muted">(&amp;#xf035;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf036</i>
+    icon-align-left
+    <span class="muted">(&amp;#xf036;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf037</i>
+    icon-align-center
+    <span class="muted">(&amp;#xf037;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf038</i>
+    icon-align-right
+    <span class="muted">(&amp;#xf038;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf039</i>
+    icon-align-justify
+    <span class="muted">(&amp;#xf039;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf03a</i>
+    icon-list
+    <span class="muted">(&amp;#xf03a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf03b</i>
+    icon-indent-left
+    <span class="muted">(&amp;#xf03b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf03c</i>
+    icon-indent-right
+    <span class="muted">(&amp;#xf03c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf03d</i>
+    icon-facetime-video
+    <span class="muted">(&amp;#xf03d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf03e</i>
+    icon-picture
+    <span class="muted">(&amp;#xf03e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf040</i>
+    icon-pencil
+    <span class="muted">(&amp;#xf040;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf041</i>
+    icon-map-marker
+    <span class="muted">(&amp;#xf041;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf042</i>
+    icon-adjust
+    <span class="muted">(&amp;#xf042;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf043</i>
+    icon-tint
+    <span class="muted">(&amp;#xf043;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf044</i>
+    icon-edit
+    <span class="muted">(&amp;#xf044;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf045</i>
+    icon-share
+    <span class="muted">(&amp;#xf045;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf046</i>
+    icon-check
+    <span class="muted">(&amp;#xf046;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf047</i>
+    icon-move
+    <span class="muted">(&amp;#xf047;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf048</i>
+    icon-step-backward
+    <span class="muted">(&amp;#xf048;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf049</i>
+    icon-fast-backward
+    <span class="muted">(&amp;#xf049;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf04a</i>
+    icon-backward
+    <span class="muted">(&amp;#xf04a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf04b</i>
+    icon-play
+    <span class="muted">(&amp;#xf04b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf04c</i>
+    icon-pause
+    <span class="muted">(&amp;#xf04c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf04d</i>
+    icon-stop
+    <span class="muted">(&amp;#xf04d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf04e</i>
+    icon-forward
+    <span class="muted">(&amp;#xf04e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf050</i>
+    icon-fast-forward
+    <span class="muted">(&amp;#xf050;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf051</i>
+    icon-step-forward
+    <span class="muted">(&amp;#xf051;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf052</i>
+    icon-eject
+    <span class="muted">(&amp;#xf052;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf053</i>
+    icon-chevron-left
+    <span class="muted">(&amp;#xf053;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf054</i>
+    icon-chevron-right
+    <span class="muted">(&amp;#xf054;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf055</i>
+    icon-plus-sign
+    <span class="muted">(&amp;#xf055;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf056</i>
+    icon-minus-sign
+    <span class="muted">(&amp;#xf056;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf057</i>
+    icon-remove-sign
+    <span class="muted">(&amp;#xf057;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf058</i>
+    icon-ok-sign
+    <span class="muted">(&amp;#xf058;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf059</i>
+    icon-question-sign
+    <span class="muted">(&amp;#xf059;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf05a</i>
+    icon-info-sign
+    <span class="muted">(&amp;#xf05a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf05b</i>
+    icon-screenshot
+    <span class="muted">(&amp;#xf05b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf05c</i>
+    icon-remove-circle
+    <span class="muted">(&amp;#xf05c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf05d</i>
+    icon-ok-circle
+    <span class="muted">(&amp;#xf05d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf05e</i>
+    icon-ban-circle
+    <span class="muted">(&amp;#xf05e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf060</i>
+    icon-arrow-left
+    <span class="muted">(&amp;#xf060;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf061</i>
+    icon-arrow-right
+    <span class="muted">(&amp;#xf061;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf062</i>
+    icon-arrow-up
+    <span class="muted">(&amp;#xf062;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf063</i>
+    icon-arrow-down
+    <span class="muted">(&amp;#xf063;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf064</i>
+    icon-share-alt
+    <span class="muted">(&amp;#xf064;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf065</i>
+    icon-resize-full
+    <span class="muted">(&amp;#xf065;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf066</i>
+    icon-resize-small
+    <span class="muted">(&amp;#xf066;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf067</i>
+    icon-plus
+    <span class="muted">(&amp;#xf067;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf068</i>
+    icon-minus
+    <span class="muted">(&amp;#xf068;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf069</i>
+    icon-asterisk
+    <span class="muted">(&amp;#xf069;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf06a</i>
+    icon-exclamation-sign
+    <span class="muted">(&amp;#xf06a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf06b</i>
+    icon-gift
+    <span class="muted">(&amp;#xf06b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf06c</i>
+    icon-leaf
+    <span class="muted">(&amp;#xf06c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf06d</i>
+    icon-fire
+    <span class="muted">(&amp;#xf06d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf06e</i>
+    icon-eye-open
+    <span class="muted">(&amp;#xf06e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf070</i>
+    icon-eye-close
+    <span class="muted">(&amp;#xf070;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf071</i>
+    icon-warning-sign
+    <span class="muted">(&amp;#xf071;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf072</i>
+    icon-plane
+    <span class="muted">(&amp;#xf072;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf073</i>
+    icon-calendar
+    <span class="muted">(&amp;#xf073;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf074</i>
+    icon-random
+    <span class="muted">(&amp;#xf074;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf075</i>
+    icon-comment
+    <span class="muted">(&amp;#xf075;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf076</i>
+    icon-magnet
+    <span class="muted">(&amp;#xf076;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf077</i>
+    icon-chevron-up
+    <span class="muted">(&amp;#xf077;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf078</i>
+    icon-chevron-down
+    <span class="muted">(&amp;#xf078;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf079</i>
+    icon-retweet
+    <span class="muted">(&amp;#xf079;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf07a</i>
+    icon-shopping-cart
+    <span class="muted">(&amp;#xf07a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf07b</i>
+    icon-folder-close
+    <span class="muted">(&amp;#xf07b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf07c</i>
+    icon-folder-open
+    <span class="muted">(&amp;#xf07c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf07d</i>
+    icon-resize-vertical
+    <span class="muted">(&amp;#xf07d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf07e</i>
+    icon-resize-horizontal
+    <span class="muted">(&amp;#xf07e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf080</i>
+    icon-bar-chart
+    <span class="muted">(&amp;#xf080;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf081</i>
+    icon-twitter-sign
+    <span class="muted">(&amp;#xf081;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf082</i>
+    icon-facebook-sign
+    <span class="muted">(&amp;#xf082;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf083</i>
+    icon-camera-retro
+    <span class="muted">(&amp;#xf083;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf084</i>
+    icon-key
+    <span class="muted">(&amp;#xf084;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf085</i>
+    icon-cogs
+    <span class="muted">(&amp;#xf085;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf086</i>
+    icon-comments
+    <span class="muted">(&amp;#xf086;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf087</i>
+    icon-thumbs-up-alt
+    <span class="muted">(&amp;#xf087;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf088</i>
+    icon-thumbs-down-alt
+    <span class="muted">(&amp;#xf088;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf089</i>
+    icon-star-half
+    <span class="muted">(&amp;#xf089;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf08a</i>
+    icon-heart-empty
+    <span class="muted">(&amp;#xf08a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf08b</i>
+    icon-signout
+    <span class="muted">(&amp;#xf08b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf08c</i>
+    icon-linkedin-sign
+    <span class="muted">(&amp;#xf08c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf08d</i>
+    icon-pushpin
+    <span class="muted">(&amp;#xf08d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf08e</i>
+    icon-external-link
+    <span class="muted">(&amp;#xf08e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf090</i>
+    icon-signin
+    <span class="muted">(&amp;#xf090;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf091</i>
+    icon-trophy
+    <span class="muted">(&amp;#xf091;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf092</i>
+    icon-github-sign
+    <span class="muted">(&amp;#xf092;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf093</i>
+    icon-upload-alt
+    <span class="muted">(&amp;#xf093;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf094</i>
+    icon-lemon
+    <span class="muted">(&amp;#xf094;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf095</i>
+    icon-phone
+    <span class="muted">(&amp;#xf095;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf096</i>
+    icon-check-empty
+    <span class="muted">(&amp;#xf096;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf097</i>
+    icon-bookmark-empty
+    <span class="muted">(&amp;#xf097;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf098</i>
+    icon-phone-sign
+    <span class="muted">(&amp;#xf098;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf099</i>
+    icon-twitter
+    <span class="muted">(&amp;#xf099;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf09a</i>
+    icon-facebook
+    <span class="muted">(&amp;#xf09a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf09b</i>
+    icon-github
+    <span class="muted">(&amp;#xf09b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf09c</i>
+    icon-unlock
+    <span class="muted">(&amp;#xf09c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf09d</i>
+    icon-credit-card
+    <span class="muted">(&amp;#xf09d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf09e</i>
+    icon-rss
+    <span class="muted">(&amp;#xf09e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0a0</i>
+    icon-hdd
+    <span class="muted">(&amp;#xf0a0;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0a1</i>
+    icon-bullhorn
+    <span class="muted">(&amp;#xf0a1;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0a2</i>
+    icon-bell
+    <span class="muted">(&amp;#xf0a2;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0a3</i>
+    icon-certificate
+    <span class="muted">(&amp;#xf0a3;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0a4</i>
+    icon-hand-right
+    <span class="muted">(&amp;#xf0a4;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0a5</i>
+    icon-hand-left
+    <span class="muted">(&amp;#xf0a5;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0a6</i>
+    icon-hand-up
+    <span class="muted">(&amp;#xf0a6;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0a7</i>
+    icon-hand-down
+    <span class="muted">(&amp;#xf0a7;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0a8</i>
+    icon-circle-arrow-left
+    <span class="muted">(&amp;#xf0a8;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0a9</i>
+    icon-circle-arrow-right
+    <span class="muted">(&amp;#xf0a9;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0aa</i>
+    icon-circle-arrow-up
+    <span class="muted">(&amp;#xf0aa;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0ab</i>
+    icon-circle-arrow-down
+    <span class="muted">(&amp;#xf0ab;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0ac</i>
+    icon-globe
+    <span class="muted">(&amp;#xf0ac;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0ad</i>
+    icon-wrench
+    <span class="muted">(&amp;#xf0ad;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0ae</i>
+    icon-tasks
+    <span class="muted">(&amp;#xf0ae;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0b0</i>
+    icon-filter
+    <span class="muted">(&amp;#xf0b0;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0b1</i>
+    icon-briefcase
+    <span class="muted">(&amp;#xf0b1;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0b2</i>
+    icon-fullscreen
+    <span class="muted">(&amp;#xf0b2;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0c0</i>
+    icon-group
+    <span class="muted">(&amp;#xf0c0;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0c1</i>
+    icon-link
+    <span class="muted">(&amp;#xf0c1;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0c2</i>
+    icon-cloud
+    <span class="muted">(&amp;#xf0c2;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0c3</i>
+    icon-beaker
+    <span class="muted">(&amp;#xf0c3;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0c4</i>
+    icon-cut
+    <span class="muted">(&amp;#xf0c4;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0c5</i>
+    icon-copy
+    <span class="muted">(&amp;#xf0c5;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0c6</i>
+    icon-paper-clip
+    <span class="muted">(&amp;#xf0c6;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0c7</i>
+    icon-save
+    <span class="muted">(&amp;#xf0c7;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0c8</i>
+    icon-sign-blank
+    <span class="muted">(&amp;#xf0c8;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0c9</i>
+    icon-reorder
+    <span class="muted">(&amp;#xf0c9;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0ca</i>
+    icon-list-ul
+    <span class="muted">(&amp;#xf0ca;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0cb</i>
+    icon-list-ol
+    <span class="muted">(&amp;#xf0cb;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0cc</i>
+    icon-strikethrough
+    <span class="muted">(&amp;#xf0cc;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0cd</i>
+    icon-underline
+    <span class="muted">(&amp;#xf0cd;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0ce</i>
+    icon-table
+    <span class="muted">(&amp;#xf0ce;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0d0</i>
+    icon-magic
+    <span class="muted">(&amp;#xf0d0;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0d1</i>
+    icon-truck
+    <span class="muted">(&amp;#xf0d1;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0d2</i>
+    icon-pinterest
+    <span class="muted">(&amp;#xf0d2;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0d3</i>
+    icon-pinterest-sign
+    <span class="muted">(&amp;#xf0d3;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0d4</i>
+    icon-google-plus-sign
+    <span class="muted">(&amp;#xf0d4;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0d5</i>
+    icon-google-plus
+    <span class="muted">(&amp;#xf0d5;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0d6</i>
+    icon-money
+    <span class="muted">(&amp;#xf0d6;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0d7</i>
+    icon-caret-down
+    <span class="muted">(&amp;#xf0d7;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0d8</i>
+    icon-caret-up
+    <span class="muted">(&amp;#xf0d8;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0d9</i>
+    icon-caret-left
+    <span class="muted">(&amp;#xf0d9;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0da</i>
+    icon-caret-right
+    <span class="muted">(&amp;#xf0da;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0db</i>
+    icon-columns
+    <span class="muted">(&amp;#xf0db;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0dc</i>
+    icon-sort
+    <span class="muted">(&amp;#xf0dc;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0dd</i>
+    icon-sort-down
+    <span class="muted">(&amp;#xf0dd;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0de</i>
+    icon-sort-up
+    <span class="muted">(&amp;#xf0de;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0e0</i>
+    icon-envelope
+    <span class="muted">(&amp;#xf0e0;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0e1</i>
+    icon-linkedin
+    <span class="muted">(&amp;#xf0e1;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0e2</i>
+    icon-undo
+    <span class="muted">(&amp;#xf0e2;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0e3</i>
+    icon-legal
+    <span class="muted">(&amp;#xf0e3;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0e4</i>
+    icon-dashboard
+    <span class="muted">(&amp;#xf0e4;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0e5</i>
+    icon-comment-alt
+    <span class="muted">(&amp;#xf0e5;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0e6</i>
+    icon-comments-alt
+    <span class="muted">(&amp;#xf0e6;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0e7</i>
+    icon-bolt
+    <span class="muted">(&amp;#xf0e7;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0e8</i>
+    icon-sitemap
+    <span class="muted">(&amp;#xf0e8;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0e9</i>
+    icon-umbrella
+    <span class="muted">(&amp;#xf0e9;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0ea</i>
+    icon-paste
+    <span class="muted">(&amp;#xf0ea;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0eb</i>
+    icon-lightbulb
+    <span class="muted">(&amp;#xf0eb;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0ec</i>
+    icon-exchange
+    <span class="muted">(&amp;#xf0ec;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0ed</i>
+    icon-cloud-download
+    <span class="muted">(&amp;#xf0ed;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0ee</i>
+    icon-cloud-upload
+    <span class="muted">(&amp;#xf0ee;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0f0</i>
+    icon-user-md
+    <span class="muted">(&amp;#xf0f0;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0f1</i>
+    icon-stethoscope
+    <span class="muted">(&amp;#xf0f1;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0f2</i>
+    icon-suitcase
+    <span class="muted">(&amp;#xf0f2;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0f3</i>
+    icon-bell-alt
+    <span class="muted">(&amp;#xf0f3;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0f4</i>
+    icon-coffee
+    <span class="muted">(&amp;#xf0f4;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0f5</i>
+    icon-food
+    <span class="muted">(&amp;#xf0f5;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0f6</i>
+    icon-file-text-alt
+    <span class="muted">(&amp;#xf0f6;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0f7</i>
+    icon-building
+    <span class="muted">(&amp;#xf0f7;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0f8</i>
+    icon-hospital
+    <span class="muted">(&amp;#xf0f8;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0f9</i>
+    icon-ambulance
+    <span class="muted">(&amp;#xf0f9;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0fa</i>
+    icon-medkit
+    <span class="muted">(&amp;#xf0fa;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0fb</i>
+    icon-fighter-jet
+    <span class="muted">(&amp;#xf0fb;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0fc</i>
+    icon-beer
+    <span class="muted">(&amp;#xf0fc;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0fd</i>
+    icon-h-sign
+    <span class="muted">(&amp;#xf0fd;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf0fe</i>
+    icon-plus-sign-alt
+    <span class="muted">(&amp;#xf0fe;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf100</i>
+    icon-double-angle-left
+    <span class="muted">(&amp;#xf100;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf101</i>
+    icon-double-angle-right
+    <span class="muted">(&amp;#xf101;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf102</i>
+    icon-double-angle-up
+    <span class="muted">(&amp;#xf102;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf103</i>
+    icon-double-angle-down
+    <span class="muted">(&amp;#xf103;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf104</i>
+    icon-angle-left
+    <span class="muted">(&amp;#xf104;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf105</i>
+    icon-angle-right
+    <span class="muted">(&amp;#xf105;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf106</i>
+    icon-angle-up
+    <span class="muted">(&amp;#xf106;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf107</i>
+    icon-angle-down
+    <span class="muted">(&amp;#xf107;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf108</i>
+    icon-desktop
+    <span class="muted">(&amp;#xf108;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf109</i>
+    icon-laptop
+    <span class="muted">(&amp;#xf109;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf10a</i>
+    icon-tablet
+    <span class="muted">(&amp;#xf10a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf10b</i>
+    icon-mobile-phone
+    <span class="muted">(&amp;#xf10b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf10c</i>
+    icon-circle-blank
+    <span class="muted">(&amp;#xf10c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf10d</i>
+    icon-quote-left
+    <span class="muted">(&amp;#xf10d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf10e</i>
+    icon-quote-right
+    <span class="muted">(&amp;#xf10e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf110</i>
+    icon-spinner
+    <span class="muted">(&amp;#xf110;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf111</i>
+    icon-circle
+    <span class="muted">(&amp;#xf111;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf112</i>
+    icon-reply
+    <span class="muted">(&amp;#xf112;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf113</i>
+    icon-github-alt
+    <span class="muted">(&amp;#xf113;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf114</i>
+    icon-folder-close-alt
+    <span class="muted">(&amp;#xf114;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf115</i>
+    icon-folder-open-alt
+    <span class="muted">(&amp;#xf115;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf116</i>
+    icon-expand-alt
+    <span class="muted">(&amp;#xf116;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf117</i>
+    icon-collapse-alt
+    <span class="muted">(&amp;#xf117;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf118</i>
+    icon-smile
+    <span class="muted">(&amp;#xf118;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf119</i>
+    icon-frown
+    <span class="muted">(&amp;#xf119;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf11a</i>
+    icon-meh
+    <span class="muted">(&amp;#xf11a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf11b</i>
+    icon-gamepad
+    <span class="muted">(&amp;#xf11b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf11c</i>
+    icon-keyboard
+    <span class="muted">(&amp;#xf11c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf11d</i>
+    icon-flag-alt
+    <span class="muted">(&amp;#xf11d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf11e</i>
+    icon-flag-checkered
+    <span class="muted">(&amp;#xf11e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf120</i>
+    icon-terminal
+    <span class="muted">(&amp;#xf120;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf121</i>
+    icon-code
+    <span class="muted">(&amp;#xf121;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf122</i>
+    icon-reply-all
+    <span class="muted">(&amp;#xf122;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf122</i>
+    icon-mail-reply-all
+    <span class="muted">(&amp;#xf122;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf123</i>
+    icon-star-half-empty
+    <span class="muted">(&amp;#xf123;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf124</i>
+    icon-location-arrow
+    <span class="muted">(&amp;#xf124;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf125</i>
+    icon-crop
+    <span class="muted">(&amp;#xf125;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf126</i>
+    icon-code-fork
+    <span class="muted">(&amp;#xf126;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf127</i>
+    icon-unlink
+    <span class="muted">(&amp;#xf127;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf128</i>
+    icon-question
+    <span class="muted">(&amp;#xf128;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf129</i>
+    icon-info
+    <span class="muted">(&amp;#xf129;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf12a</i>
+    icon-exclamation
+    <span class="muted">(&amp;#xf12a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf12b</i>
+    icon-superscript
+    <span class="muted">(&amp;#xf12b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf12c</i>
+    icon-subscript
+    <span class="muted">(&amp;#xf12c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf12d</i>
+    icon-eraser
+    <span class="muted">(&amp;#xf12d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf12e</i>
+    icon-puzzle-piece
+    <span class="muted">(&amp;#xf12e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf130</i>
+    icon-microphone
+    <span class="muted">(&amp;#xf130;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf131</i>
+    icon-microphone-off
+    <span class="muted">(&amp;#xf131;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf132</i>
+    icon-shield
+    <span class="muted">(&amp;#xf132;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf133</i>
+    icon-calendar-empty
+    <span class="muted">(&amp;#xf133;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf134</i>
+    icon-fire-extinguisher
+    <span class="muted">(&amp;#xf134;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf135</i>
+    icon-rocket
+    <span class="muted">(&amp;#xf135;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf136</i>
+    icon-maxcdn
+    <span class="muted">(&amp;#xf136;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf137</i>
+    icon-chevron-sign-left
+    <span class="muted">(&amp;#xf137;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf138</i>
+    icon-chevron-sign-right
+    <span class="muted">(&amp;#xf138;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf139</i>
+    icon-chevron-sign-up
+    <span class="muted">(&amp;#xf139;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf13a</i>
+    icon-chevron-sign-down
+    <span class="muted">(&amp;#xf13a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf13b</i>
+    icon-html5
+    <span class="muted">(&amp;#xf13b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf13c</i>
+    icon-css3
+    <span class="muted">(&amp;#xf13c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf13d</i>
+    icon-anchor
+    <span class="muted">(&amp;#xf13d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf13e</i>
+    icon-unlock-alt
+    <span class="muted">(&amp;#xf13e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf140</i>
+    icon-bullseye
+    <span class="muted">(&amp;#xf140;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf141</i>
+    icon-ellipsis-horizontal
+    <span class="muted">(&amp;#xf141;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf142</i>
+    icon-ellipsis-vertical
+    <span class="muted">(&amp;#xf142;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf143</i>
+    icon-rss-sign
+    <span class="muted">(&amp;#xf143;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf144</i>
+    icon-play-sign
+    <span class="muted">(&amp;#xf144;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf145</i>
+    icon-ticket
+    <span class="muted">(&amp;#xf145;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf146</i>
+    icon-minus-sign-alt
+    <span class="muted">(&amp;#xf146;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf147</i>
+    icon-check-minus
+    <span class="muted">(&amp;#xf147;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf148</i>
+    icon-level-up
+    <span class="muted">(&amp;#xf148;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf149</i>
+    icon-level-down
+    <span class="muted">(&amp;#xf149;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf14a</i>
+    icon-check-sign
+    <span class="muted">(&amp;#xf14a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf14b</i>
+    icon-edit-sign
+    <span class="muted">(&amp;#xf14b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf14c</i>
+    icon-external-link-sign
+    <span class="muted">(&amp;#xf14c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf14d</i>
+    icon-share-sign
+    <span class="muted">(&amp;#xf14d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf14e</i>
+    icon-compass
+    <span class="muted">(&amp;#xf14e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf150</i>
+    icon-collapse
+    <span class="muted">(&amp;#xf150;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf151</i>
+    icon-collapse-top
+    <span class="muted">(&amp;#xf151;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf152</i>
+    icon-expand
+    <span class="muted">(&amp;#xf152;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf153</i>
+    icon-eur
+    <span class="muted">(&amp;#xf153;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf154</i>
+    icon-gbp
+    <span class="muted">(&amp;#xf154;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf155</i>
+    icon-usd
+    <span class="muted">(&amp;#xf155;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf156</i>
+    icon-inr
+    <span class="muted">(&amp;#xf156;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf157</i>
+    icon-jpy
+    <span class="muted">(&amp;#xf157;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf158</i>
+    icon-cny
+    <span class="muted">(&amp;#xf158;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf159</i>
+    icon-krw
+    <span class="muted">(&amp;#xf159;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf15a</i>
+    icon-btc
+    <span class="muted">(&amp;#xf15a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf15b</i>
+    icon-file
+    <span class="muted">(&amp;#xf15b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf15c</i>
+    icon-file-text
+    <span class="muted">(&amp;#xf15c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf15d</i>
+    icon-sort-by-alphabet
+    <span class="muted">(&amp;#xf15d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf15e</i>
+    icon-sort-by-alphabet-alt
+    <span class="muted">(&amp;#xf15e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf160</i>
+    icon-sort-by-attributes
+    <span class="muted">(&amp;#xf160;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf161</i>
+    icon-sort-by-attributes-alt
+    <span class="muted">(&amp;#xf161;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf162</i>
+    icon-sort-by-order
+    <span class="muted">(&amp;#xf162;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf163</i>
+    icon-sort-by-order-alt
+    <span class="muted">(&amp;#xf163;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf164</i>
+    icon-thumbs-up
+    <span class="muted">(&amp;#xf164;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf165</i>
+    icon-thumbs-down
+    <span class="muted">(&amp;#xf165;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf166</i>
+    icon-youtube-sign
+    <span class="muted">(&amp;#xf166;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf167</i>
+    icon-youtube
+    <span class="muted">(&amp;#xf167;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf168</i>
+    icon-xing
+    <span class="muted">(&amp;#xf168;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf169</i>
+    icon-xing-sign
+    <span class="muted">(&amp;#xf169;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf16a</i>
+    icon-youtube-play
+    <span class="muted">(&amp;#xf16a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf16b</i>
+    icon-dropbox
+    <span class="muted">(&amp;#xf16b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf16c</i>
+    icon-stackexchange
+    <span class="muted">(&amp;#xf16c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf16d</i>
+    icon-instagram
+    <span class="muted">(&amp;#xf16d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf16e</i>
+    icon-flickr
+    <span class="muted">(&amp;#xf16e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf170</i>
+    icon-adn
+    <span class="muted">(&amp;#xf170;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf171</i>
+    icon-bitbucket
+    <span class="muted">(&amp;#xf171;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf172</i>
+    icon-bitbucket-sign
+    <span class="muted">(&amp;#xf172;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf173</i>
+    icon-tumblr
+    <span class="muted">(&amp;#xf173;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf174</i>
+    icon-tumblr-sign
+    <span class="muted">(&amp;#xf174;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf175</i>
+    icon-long-arrow-down
+    <span class="muted">(&amp;#xf175;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf176</i>
+    icon-long-arrow-up
+    <span class="muted">(&amp;#xf176;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf177</i>
+    icon-long-arrow-left
+    <span class="muted">(&amp;#xf177;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf178</i>
+    icon-long-arrow-right
+    <span class="muted">(&amp;#xf178;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf179</i>
+    icon-apple
+    <span class="muted">(&amp;#xf179;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf17a</i>
+    icon-windows
+    <span class="muted">(&amp;#xf17a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf17b</i>
+    icon-android
+    <span class="muted">(&amp;#xf17b;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf17c</i>
+    icon-linux
+    <span class="muted">(&amp;#xf17c;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf17d</i>
+    icon-dribbble
+    <span class="muted">(&amp;#xf17d;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf17e</i>
+    icon-skype
+    <span class="muted">(&amp;#xf17e;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf180</i>
+    icon-foursquare
+    <span class="muted">(&amp;#xf180;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf181</i>
+    icon-trello
+    <span class="muted">(&amp;#xf181;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf182</i>
+    icon-female
+    <span class="muted">(&amp;#xf182;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf183</i>
+    icon-male
+    <span class="muted">(&amp;#xf183;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf184</i>
+    icon-gittip
+    <span class="muted">(&amp;#xf184;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf185</i>
+    icon-sun
+    <span class="muted">(&amp;#xf185;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf186</i>
+    icon-moon
+    <span class="muted">(&amp;#xf186;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf187</i>
+    icon-archive
+    <span class="muted">(&amp;#xf187;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf188</i>
+    icon-bug
+    <span class="muted">(&amp;#xf188;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf189</i>
+    icon-vk
+    <span class="muted">(&amp;#xf189;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf18a</i>
+    icon-weibo
+    <span class="muted">(&amp;#xf18a;)</span>
+  </div>
+
+  <div class="span4">
+    <i class="icon-fixed-width">&#xf18b</i>
+    icon-renren
+    <span class="muted">(&amp;#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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/community/index.html b/3.2.1/community/index.html
new file mode 100644
index 000000000..264a015d3
--- /dev/null
+++ b/3.2.1/community/index.html
@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../examples/#new-styles">New Styles</a></li>
+              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../examples/#buttons">Buttons</a></li>
+              <li><a href="../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../examples/#navigation">Navigation</a></li>
+              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../examples/#stacked">Stacked</a></li>
+              <li><a href="../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>&nbsp; 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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/design.html b/3.2.1/design.html
new file mode 100644
index 000000000..9c5830d74
--- /dev/null
+++ b/3.2.1/design.html
@@ -0,0 +1 @@
+<META HTTP-EQUIV=REFRESH CONTENT="0; URL=cheatsheet/">
diff --git a/3.2.1/examples/index.html b/3.2.1/examples/index.html
new file mode 100644
index 000000000..c3d25ade2
--- /dev/null
+++ b/3.2.1/examples/index.html
@@ -0,0 +1,671 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; 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 &amp; Flipped</a></li>
+              <li><a href="../examples/#stacked">Stacked</a></li>
+              <li><a href="../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../community/">Community</a></li>
+          <li><a href="../license/">License</a></li>
+        </ul>
+        <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>&nbsp; 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>&lt;i&gt;</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>&nbsp; normal<br>
+        <i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
+        <i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
+        <i class="icon-shield icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
+        <i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
+        <i class="icon-shield icon-flip-vertical"></i>&nbsp; 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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera-retro&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&lt;p&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera-retro icon-large&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-camera-retro<span class="nt">&lt;/p&gt;</span>
+<span class="nt">&lt;p&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera-retro icon-2x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-camera-retro<span class="nt">&lt;/p&gt;</span>
+<span class="nt">&lt;p&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera-retro icon-3x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-camera-retro<span class="nt">&lt;/p&gt;</span>
+<span class="nt">&lt;p&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera-retro icon-4x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-camera-retro<span class="nt">&lt;/p&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-quote-left icon-4x pull-left icon-muted&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-flag icon-4x pull-left icon-border&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-repeat&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Reload<span class="nt">&lt;/a&gt;</span>
+<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-success&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shopping-cart icon-large&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Checkout<span class="nt">&lt;/a&gt;</span>
+<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-large btn-primary&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-comment&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Comment<span class="nt">&lt;/a&gt;</span>
+<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-small btn-info&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-info-sign&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Info<span class="nt">&lt;/a&gt;</span>
+<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-danger&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-trash icon-large&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Delete<span class="nt">&lt;/a&gt;</span>
+<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-small&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-cog&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Settings<span class="nt">&lt;/a&gt;</span>
+<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-large btn-danger&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-flag icon-2x pull-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Font Awesome<span class="nt">&lt;br&gt;</span>Version 3.2.1<span class="nt">&lt;/a&gt;</span>
+<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-primary&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-refresh icon-spin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Synchronizing Content...<span class="nt">&lt;/a&gt;</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">&lt;div</span> <span class="na">class=</span><span class="s">&quot;btn-group&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-left&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-center&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-right&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-justify&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/a&gt;</span>
+<span class="nt">&lt;/div&gt;</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">&lt;div</span> <span class="na">class=</span><span class="s">&quot;btn-group open&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-primary&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-user&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> User<span class="nt">&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-primary dropdown-toggle&quot;</span> <span class="na">data-toggle=</span><span class="s">&quot;dropdown&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
+    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon-caret-down&quot;</span><span class="nt">&gt;&lt;/span&gt;&lt;/a&gt;</span>
+  <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;dropdown-menu&quot;</span><span class="nt">&gt;</span>
+    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-pencil&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Edit<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-trash&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Delete<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-ban-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Ban<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+    <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;divider&quot;</span><span class="nt">&gt;&lt;/li&gt;</span>
+    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;i&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Make admin<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+  <span class="nt">&lt;/ul&gt;</span>
+<span class="nt">&lt;/div&gt;</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>&hellip;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">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;icons-ul&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-li icon-ok&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>Bulleted lists (like this one)<span class="nt">&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-li icon-ok&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>Buttons<span class="nt">&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-li icon-ok&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>Button groups<span class="nt">&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-li icon-ok&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>Navigation<span class="nt">&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-li icon-ok&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>Prepended form inputs<span class="nt">&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-li icon-ok&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;hellip;</span>and many more with custom CSS<span class="nt">&lt;/li&gt;</span>
+<span class="nt">&lt;/ul&gt;</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">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;nav nav-list&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;active&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-home&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Home<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-book&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Library<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-pencil&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Applications<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-cogs&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Settings<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+<span class="nt">&lt;/ul&gt;</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">&lt;form&gt;</span>
+  <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;input-prepend&quot;</span><span class="nt">&gt;</span>
+    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;add-on&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-envelope&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/span&gt;</span>
+    <span class="nt">&lt;input</span> <span class="na">class=</span><span class="s">&quot;span2&quot;</span> <span class="na">type=</span><span class="s">&quot;text&quot;</span> <span class="na">placeholder=</span><span class="s">&quot;Email address&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;/div&gt;</span>
+  <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;input-prepend&quot;</span><span class="nt">&gt;</span>
+    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;add-on&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-key&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/span&gt;</span>
+    <span class="nt">&lt;input</span> <span class="na">class=</span><span class="s">&quot;span2&quot;</span> <span class="na">type=</span><span class="s">&quot;password&quot;</span> <span class="na">placeholder=</span><span class="s">&quot;Password&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;/div&gt;</span>
+<span class="nt">&lt;/form&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-spinner icon-spin icon-large&quot;</span><span class="nt">&gt;&lt;/i&gt;</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 &amp; 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>&nbsp; normal<br>
+        <i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
+        <i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
+        <i class="icon-shield icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
+        <i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
+        <i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical
+      </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> normal<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield icon-rotate-90&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> icon-rotate-90<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield icon-rotate-180&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> icon-rotate-180<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield icon-rotate-270&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> icon-rotate-270<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield icon-flip-horizontal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> icon-flip-horizontal<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield icon-flip-vertical&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;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">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon-stack&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-check-empty icon-stack-base&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-twitter&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+<span class="nt">&lt;/span&gt;</span>
+icon-twitter on icon-check-empty<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon-stack&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-circle icon-stack-base&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-flag icon-light&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+<span class="nt">&lt;/span&gt;</span>
+icon-flag on icon-circle<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon-stack&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-sign-blank icon-stack-base&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-terminal icon-light&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+<span class="nt">&lt;/span&gt;</span>
+icon-terminal on icon-sign-blank<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon-stack&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-ban-circle icon-stack-base text-error&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+<span class="nt">&lt;/span&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/get-started/index.html b/3.2.1/get-started/index.html
new file mode 100644
index 000000000..616f055fc
--- /dev/null
+++ b/3.2.1/get-started/index.html
@@ -0,0 +1,299 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../examples/#new-styles">New Styles</a></li>
+              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../examples/#buttons">Buttons</a></li>
+              <li><a href="../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../examples/#navigation">Navigation</a></li>
+              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../examples/#stacked">Stacked</a></li>
+              <li><a href="../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../community/">Community</a></li>
+          <li><a href="../license/">License</a></li>
+        </ul>
+        <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>&nbsp; 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>&lt;head&gt;</code> section of your site's HTML.
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">href=</span><span class="s">&quot;//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css&quot;</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span><span class="nt">&gt;</span>
+<span class="nt">&lt;link</span> <span class="na">href=</span><span class="s">&quot;//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css&quot;</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span><span class="nt">&gt;</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>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css.
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;path/to/bootstrap/css/bootstrap.min.css&quot;</span><span class="nt">&gt;</span>
+<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;path/to/font-awesome/css/font-awesome.min.css&quot;</span><span class="nt">&gt;</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 &quot;sprites.less&quot;;
+</code></pre></div>
+      with
+<div class="highlight"><pre><code class="html">@import &quot;path/to/font-awesome/less/font-awesome.less&quot;;
+</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:   &quot;../font&quot;;
+</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>&lt;head&gt;</code> of your html, reference the location to your font-awesome-ie7.min.css.
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;path/to/bootstrap/css/bootstrap.min.css&quot;</span><span class="nt">&gt;</span>
+<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;path/to/font-awesome/css/font-awesome.min.css&quot;</span><span class="nt">&gt;</span>
+<span class="c">&lt;!--[if IE 7]&gt;</span>
+<span class="c">  &lt;link rel=&quot;stylesheet&quot; href=&quot;path/to/font-awesome/css/font-awesome-ie7.min.css&quot;&gt;</span>
+<span class="c">&lt;![endif]--&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/adjust/index.html b/3.2.1/icon/adjust/index.html
new file mode 100644
index 000000000..54d203cef
--- /dev/null
+++ b/3.2.1/icon/adjust/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-adjust icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-adjust icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-adjust icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-adjust icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-adjust icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-adjust
+      <small>
+        <i class="icon-adjust"></i> &middot;
+        Unicode: <span class="upper">f042</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-adjust&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/adn/index.html b/3.2.1/icon/adn/index.html
new file mode 100644
index 000000000..7b317e2b0
--- /dev/null
+++ b/3.2.1/icon/adn/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-adn icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-adn icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-adn icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-adn icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-adn icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-adn
+      <small>
+        <i class="icon-adn"></i> &middot;
+        Unicode: <span class="upper">f170</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-adn&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/align-center/index.html b/3.2.1/icon/align-center/index.html
new file mode 100644
index 000000000..6a3716b3e
--- /dev/null
+++ b/3.2.1/icon/align-center/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-align-center icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-align-center icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-align-center icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-align-center icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-align-center icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-align-center
+      <small>
+        <i class="icon-align-center"></i> &middot;
+        Unicode: <span class="upper">f037</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-center&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/align-justify/index.html b/3.2.1/icon/align-justify/index.html
new file mode 100644
index 000000000..9bdacbe13
--- /dev/null
+++ b/3.2.1/icon/align-justify/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-align-justify icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-align-justify icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-align-justify icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-align-justify icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-align-justify icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-align-justify
+      <small>
+        <i class="icon-align-justify"></i> &middot;
+        Unicode: <span class="upper">f039</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-justify&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/align-left/index.html b/3.2.1/icon/align-left/index.html
new file mode 100644
index 000000000..651ea4937
--- /dev/null
+++ b/3.2.1/icon/align-left/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-align-left icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-align-left icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-align-left icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-align-left icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-align-left icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-align-left
+      <small>
+        <i class="icon-align-left"></i> &middot;
+        Unicode: <span class="upper">f036</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/align-right/index.html b/3.2.1/icon/align-right/index.html
new file mode 100644
index 000000000..a7ce0b367
--- /dev/null
+++ b/3.2.1/icon/align-right/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-align-right icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-align-right icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-align-right icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-align-right icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-align-right icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-align-right
+      <small>
+        <i class="icon-align-right"></i> &middot;
+        Unicode: <span class="upper">f038</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/ambulance/index.html b/3.2.1/icon/ambulance/index.html
new file mode 100644
index 000000000..128e161ed
--- /dev/null
+++ b/3.2.1/icon/ambulance/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-ambulance icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-ambulance icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-ambulance icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-ambulance icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-ambulance icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-ambulance
+      <small>
+        <i class="icon-ambulance"></i> &middot;
+        Unicode: <span class="upper">f0f9</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-ambulance&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/anchor/index.html b/3.2.1/icon/anchor/index.html
new file mode 100644
index 000000000..987d48880
--- /dev/null
+++ b/3.2.1/icon/anchor/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-anchor icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-anchor icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-anchor icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-anchor icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-anchor icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-anchor
+      <small>
+        <i class="icon-anchor"></i> &middot;
+        Unicode: <span class="upper">f13d</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-anchor&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/android/index.html b/3.2.1/icon/android/index.html
new file mode 100644
index 000000000..7e1abc6a8
--- /dev/null
+++ b/3.2.1/icon/android/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-android icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-android icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-android icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-android icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-android icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-android
+      <small>
+        <i class="icon-android"></i> &middot;
+        Unicode: <span class="upper">f17b</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-android&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/angle-down/index.html b/3.2.1/icon/angle-down/index.html
new file mode 100644
index 000000000..980e3f537
--- /dev/null
+++ b/3.2.1/icon/angle-down/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-angle-down icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-angle-down icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-angle-down icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-angle-down icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-angle-down icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-angle-down
+      <small>
+        <i class="icon-angle-down"></i> &middot;
+        Unicode: <span class="upper">f107</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-angle-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/angle-left/index.html b/3.2.1/icon/angle-left/index.html
new file mode 100644
index 000000000..d8fd53679
--- /dev/null
+++ b/3.2.1/icon/angle-left/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-angle-left icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-angle-left icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-angle-left icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-angle-left icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-angle-left icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-angle-left
+      <small>
+        <i class="icon-angle-left"></i> &middot;
+        Unicode: <span class="upper">f104</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-angle-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/angle-right/index.html b/3.2.1/icon/angle-right/index.html
new file mode 100644
index 000000000..53dbb4d8c
--- /dev/null
+++ b/3.2.1/icon/angle-right/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-angle-right icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-angle-right icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-angle-right icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-angle-right icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-angle-right icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-angle-right
+      <small>
+        <i class="icon-angle-right"></i> &middot;
+        Unicode: <span class="upper">f105</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-angle-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/angle-up/index.html b/3.2.1/icon/angle-up/index.html
new file mode 100644
index 000000000..b7c40876f
--- /dev/null
+++ b/3.2.1/icon/angle-up/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-angle-up icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-angle-up icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-angle-up icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-angle-up icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-angle-up icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-angle-up
+      <small>
+        <i class="icon-angle-up"></i> &middot;
+        Unicode: <span class="upper">f106</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-angle-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/apple/index.html b/3.2.1/icon/apple/index.html
new file mode 100644
index 000000000..0770f1d4f
--- /dev/null
+++ b/3.2.1/icon/apple/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-apple icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-apple icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-apple icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-apple icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-apple icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-apple
+      <small>
+        <i class="icon-apple"></i> &middot;
+        Unicode: <span class="upper">f179</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-apple&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/archive/index.html b/3.2.1/icon/archive/index.html
new file mode 100644
index 000000000..5aebb3369
--- /dev/null
+++ b/3.2.1/icon/archive/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-archive icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-archive icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-archive icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-archive icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-archive icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-archive
+      <small>
+        <i class="icon-archive"></i> &middot;
+        Unicode: <span class="upper">f187</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-archive&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/arrow-down/index.html b/3.2.1/icon/arrow-down/index.html
new file mode 100644
index 000000000..2e0c6ab00
--- /dev/null
+++ b/3.2.1/icon/arrow-down/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-arrow-down icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-arrow-down icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-arrow-down icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-arrow-down icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-arrow-down icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-arrow-down
+      <small>
+        <i class="icon-arrow-down"></i> &middot;
+        Unicode: <span class="upper">f063</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-arrow-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/arrow-left/index.html b/3.2.1/icon/arrow-left/index.html
new file mode 100644
index 000000000..50b8aa6d4
--- /dev/null
+++ b/3.2.1/icon/arrow-left/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-arrow-left icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-arrow-left icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-arrow-left icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-arrow-left icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-arrow-left icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-arrow-left
+      <small>
+        <i class="icon-arrow-left"></i> &middot;
+        Unicode: <span class="upper">f060</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-arrow-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/arrow-right/index.html b/3.2.1/icon/arrow-right/index.html
new file mode 100644
index 000000000..f1c899d75
--- /dev/null
+++ b/3.2.1/icon/arrow-right/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-arrow-right icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-arrow-right icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-arrow-right icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-arrow-right icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-arrow-right icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-arrow-right
+      <small>
+        <i class="icon-arrow-right"></i> &middot;
+        Unicode: <span class="upper">f061</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-arrow-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/arrow-up/index.html b/3.2.1/icon/arrow-up/index.html
new file mode 100644
index 000000000..a242ca86d
--- /dev/null
+++ b/3.2.1/icon/arrow-up/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-arrow-up icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-arrow-up icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-arrow-up icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-arrow-up icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-arrow-up icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-arrow-up
+      <small>
+        <i class="icon-arrow-up"></i> &middot;
+        Unicode: <span class="upper">f062</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-arrow-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/asterisk/index.html b/3.2.1/icon/asterisk/index.html
new file mode 100644
index 000000000..4ebfdeaf2
--- /dev/null
+++ b/3.2.1/icon/asterisk/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-asterisk icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-asterisk icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-asterisk icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-asterisk icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-asterisk icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-asterisk
+      <small>
+        <i class="icon-asterisk"></i> &middot;
+        Unicode: <span class="upper">f069</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-asterisk&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/backward/index.html b/3.2.1/icon/backward/index.html
new file mode 100644
index 000000000..785965366
--- /dev/null
+++ b/3.2.1/icon/backward/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-backward icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-backward icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-backward icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-backward icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-backward icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-backward
+      <small>
+        <i class="icon-backward"></i> &middot;
+        Unicode: <span class="upper">f04a</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-backward&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/ban-circle/index.html b/3.2.1/icon/ban-circle/index.html
similarity index 100%
rename from icon/ban-circle/index.html
rename to 3.2.1/icon/ban-circle/index.html
diff --git a/icon/bar-chart/index.html b/3.2.1/icon/bar-chart/index.html
similarity index 100%
rename from icon/bar-chart/index.html
rename to 3.2.1/icon/bar-chart/index.html
diff --git a/3.2.1/icon/barcode/index.html b/3.2.1/icon/barcode/index.html
new file mode 100644
index 000000000..2a5ca4e5d
--- /dev/null
+++ b/3.2.1/icon/barcode/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-barcode icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-barcode icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-barcode icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-barcode icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-barcode icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-barcode
+      <small>
+        <i class="icon-barcode"></i> &middot;
+        Unicode: <span class="upper">f02a</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-barcode&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/beaker/index.html b/3.2.1/icon/beaker/index.html
similarity index 100%
rename from icon/beaker/index.html
rename to 3.2.1/icon/beaker/index.html
diff --git a/3.2.1/icon/beer/index.html b/3.2.1/icon/beer/index.html
new file mode 100644
index 000000000..dcda70338
--- /dev/null
+++ b/3.2.1/icon/beer/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-beer icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-beer icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-beer icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-beer icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-beer icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-beer
+      <small>
+        <i class="icon-beer"></i> &middot;
+        Unicode: <span class="upper">f0fc</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-beer&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/bell-alt/index.html b/3.2.1/icon/bell-alt/index.html
similarity index 100%
rename from icon/bell-alt/index.html
rename to 3.2.1/icon/bell-alt/index.html
diff --git a/3.2.1/icon/bell/index.html b/3.2.1/icon/bell/index.html
new file mode 100644
index 000000000..b8ffe8332
--- /dev/null
+++ b/3.2.1/icon/bell/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-bell icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-bell icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-bell icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-bell icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-bell icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-bell
+      <small>
+        <i class="icon-bell"></i> &middot;
+        Unicode: <span class="upper">f0a2</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bell&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/bitbucket-sign/index.html b/3.2.1/icon/bitbucket-sign/index.html
similarity index 100%
rename from icon/bitbucket-sign/index.html
rename to 3.2.1/icon/bitbucket-sign/index.html
diff --git a/3.2.1/icon/bitbucket/index.html b/3.2.1/icon/bitbucket/index.html
new file mode 100644
index 000000000..4ff126539
--- /dev/null
+++ b/3.2.1/icon/bitbucket/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-bitbucket icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-bitbucket icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-bitbucket icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-bitbucket icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-bitbucket icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-bitbucket
+      <small>
+        <i class="icon-bitbucket"></i> &middot;
+        Unicode: <span class="upper">f171</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bitbucket&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/bold/index.html b/3.2.1/icon/bold/index.html
new file mode 100644
index 000000000..69b108297
--- /dev/null
+++ b/3.2.1/icon/bold/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-bold icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-bold icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-bold icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-bold icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-bold icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-bold
+      <small>
+        <i class="icon-bold"></i> &middot;
+        Unicode: <span class="upper">f032</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bold&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/bolt/index.html b/3.2.1/icon/bolt/index.html
new file mode 100644
index 000000000..aa6e822dc
--- /dev/null
+++ b/3.2.1/icon/bolt/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-bolt icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-bolt icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-bolt icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-bolt icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-bolt icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-bolt
+      <small>
+        <i class="icon-bolt"></i> &middot;
+        Unicode: <span class="upper">f0e7</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bolt&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/book/index.html b/3.2.1/icon/book/index.html
new file mode 100644
index 000000000..fb3298eb0
--- /dev/null
+++ b/3.2.1/icon/book/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-book icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-book icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-book icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-book icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-book icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-book
+      <small>
+        <i class="icon-book"></i> &middot;
+        Unicode: <span class="upper">f02d</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-book&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/bookmark-empty/index.html b/3.2.1/icon/bookmark-empty/index.html
similarity index 100%
rename from icon/bookmark-empty/index.html
rename to 3.2.1/icon/bookmark-empty/index.html
diff --git a/3.2.1/icon/bookmark/index.html b/3.2.1/icon/bookmark/index.html
new file mode 100644
index 000000000..a4901395e
--- /dev/null
+++ b/3.2.1/icon/bookmark/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-bookmark icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-bookmark icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-bookmark icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-bookmark icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-bookmark icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-bookmark
+      <small>
+        <i class="icon-bookmark"></i> &middot;
+        Unicode: <span class="upper">f02e</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bookmark&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/briefcase/index.html b/3.2.1/icon/briefcase/index.html
new file mode 100644
index 000000000..65b5630e4
--- /dev/null
+++ b/3.2.1/icon/briefcase/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-briefcase icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-briefcase icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-briefcase icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-briefcase icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-briefcase icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-briefcase
+      <small>
+        <i class="icon-briefcase"></i> &middot;
+        Unicode: <span class="upper">f0b1</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-briefcase&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/btc/index.html b/3.2.1/icon/btc/index.html
new file mode 100644
index 000000000..09d5a47ac
--- /dev/null
+++ b/3.2.1/icon/btc/index.html
@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-btc icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-btc icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-btc icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-btc icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-btc icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-btc
+      <small>
+        <i class="icon-btc"></i> &middot;
+        Unicode: <span class="upper">f15a</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Currency Icons,
+        
+          Brand Icons
+        
+        
+        
+          &middot; 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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-btc&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/bug/index.html b/3.2.1/icon/bug/index.html
new file mode 100644
index 000000000..69dd4997b
--- /dev/null
+++ b/3.2.1/icon/bug/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-bug icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-bug icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-bug icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-bug icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-bug icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-bug
+      <small>
+        <i class="icon-bug"></i> &middot;
+        Unicode: <span class="upper">f188</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bug&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/building/index.html b/3.2.1/icon/building/index.html
new file mode 100644
index 000000000..0d3ea7943
--- /dev/null
+++ b/3.2.1/icon/building/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-building icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-building icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-building icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-building icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-building icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-building
+      <small>
+        <i class="icon-building"></i> &middot;
+        Unicode: <span class="upper">f0f7</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-building&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/bullhorn/index.html b/3.2.1/icon/bullhorn/index.html
new file mode 100644
index 000000000..2a2394977
--- /dev/null
+++ b/3.2.1/icon/bullhorn/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-bullhorn icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-bullhorn icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-bullhorn icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-bullhorn icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-bullhorn icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-bullhorn
+      <small>
+        <i class="icon-bullhorn"></i> &middot;
+        Unicode: <span class="upper">f0a1</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bullhorn&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/bullseye/index.html b/3.2.1/icon/bullseye/index.html
new file mode 100644
index 000000000..53411ef8f
--- /dev/null
+++ b/3.2.1/icon/bullseye/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-bullseye icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-bullseye icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-bullseye icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-bullseye icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-bullseye icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-bullseye
+      <small>
+        <i class="icon-bullseye"></i> &middot;
+        Unicode: <span class="upper">f140</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bullseye&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/calendar-empty/index.html b/3.2.1/icon/calendar-empty/index.html
similarity index 100%
rename from icon/calendar-empty/index.html
rename to 3.2.1/icon/calendar-empty/index.html
diff --git a/3.2.1/icon/calendar/index.html b/3.2.1/icon/calendar/index.html
new file mode 100644
index 000000000..dbc30d3a6
--- /dev/null
+++ b/3.2.1/icon/calendar/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-calendar icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-calendar icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-calendar icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-calendar icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-calendar icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-calendar
+      <small>
+        <i class="icon-calendar"></i> &middot;
+        Unicode: <span class="upper">f073</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-calendar&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/camera-retro/index.html b/3.2.1/icon/camera-retro/index.html
new file mode 100644
index 000000000..a19377535
--- /dev/null
+++ b/3.2.1/icon/camera-retro/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-camera-retro icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-camera-retro icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-camera-retro icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-camera-retro icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-camera-retro icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-camera-retro
+      <small>
+        <i class="icon-camera-retro"></i> &middot;
+        Unicode: <span class="upper">f083</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera-retro&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/camera/index.html b/3.2.1/icon/camera/index.html
new file mode 100644
index 000000000..355951982
--- /dev/null
+++ b/3.2.1/icon/camera/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-camera icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-camera icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-camera icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-camera icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-camera icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-camera
+      <small>
+        <i class="icon-camera"></i> &middot;
+        Unicode: <span class="upper">f030</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/caret-down/index.html b/3.2.1/icon/caret-down/index.html
new file mode 100644
index 000000000..217b1c989
--- /dev/null
+++ b/3.2.1/icon/caret-down/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-caret-down icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-caret-down icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-caret-down icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-caret-down icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-caret-down icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-caret-down
+      <small>
+        <i class="icon-caret-down"></i> &middot;
+        Unicode: <span class="upper">f0d7</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-caret-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/caret-left/index.html b/3.2.1/icon/caret-left/index.html
new file mode 100644
index 000000000..afdd0420c
--- /dev/null
+++ b/3.2.1/icon/caret-left/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-caret-left icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-caret-left icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-caret-left icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-caret-left icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-caret-left icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-caret-left
+      <small>
+        <i class="icon-caret-left"></i> &middot;
+        Unicode: <span class="upper">f0d9</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-caret-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/caret-right/index.html b/3.2.1/icon/caret-right/index.html
new file mode 100644
index 000000000..e73b7eb34
--- /dev/null
+++ b/3.2.1/icon/caret-right/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-caret-right icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-caret-right icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-caret-right icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-caret-right icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-caret-right icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-caret-right
+      <small>
+        <i class="icon-caret-right"></i> &middot;
+        Unicode: <span class="upper">f0da</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-caret-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/caret-up/index.html b/3.2.1/icon/caret-up/index.html
new file mode 100644
index 000000000..6d1597a4c
--- /dev/null
+++ b/3.2.1/icon/caret-up/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-caret-up icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-caret-up icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-caret-up icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-caret-up icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-caret-up icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-caret-up
+      <small>
+        <i class="icon-caret-up"></i> &middot;
+        Unicode: <span class="upper">f0d8</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-caret-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/certificate/index.html b/3.2.1/icon/certificate/index.html
new file mode 100644
index 000000000..3982634bb
--- /dev/null
+++ b/3.2.1/icon/certificate/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-certificate icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-certificate icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-certificate icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-certificate icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-certificate icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-certificate
+      <small>
+        <i class="icon-certificate"></i> &middot;
+        Unicode: <span class="upper">f0a3</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-certificate&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/check-empty/index.html b/3.2.1/icon/check-empty/index.html
similarity index 100%
rename from icon/check-empty/index.html
rename to 3.2.1/icon/check-empty/index.html
diff --git a/icon/check-minus/index.html b/3.2.1/icon/check-minus/index.html
similarity index 100%
rename from icon/check-minus/index.html
rename to 3.2.1/icon/check-minus/index.html
diff --git a/icon/check-sign/index.html b/3.2.1/icon/check-sign/index.html
similarity index 100%
rename from icon/check-sign/index.html
rename to 3.2.1/icon/check-sign/index.html
diff --git a/3.2.1/icon/check/index.html b/3.2.1/icon/check/index.html
new file mode 100644
index 000000000..aaca7ea4e
--- /dev/null
+++ b/3.2.1/icon/check/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-check icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-check icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-check icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-check icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-check icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-check
+      <small>
+        <i class="icon-check"></i> &middot;
+        Unicode: <span class="upper">f046</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-check&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/chevron-down/index.html b/3.2.1/icon/chevron-down/index.html
new file mode 100644
index 000000000..53f0c97d7
--- /dev/null
+++ b/3.2.1/icon/chevron-down/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-chevron-down icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-chevron-down icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-chevron-down icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-chevron-down icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-chevron-down icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-chevron-down
+      <small>
+        <i class="icon-chevron-down"></i> &middot;
+        Unicode: <span class="upper">f078</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-chevron-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/chevron-left/index.html b/3.2.1/icon/chevron-left/index.html
new file mode 100644
index 000000000..90c5ed681
--- /dev/null
+++ b/3.2.1/icon/chevron-left/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-chevron-left icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-chevron-left icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-chevron-left icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-chevron-left icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-chevron-left icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-chevron-left
+      <small>
+        <i class="icon-chevron-left"></i> &middot;
+        Unicode: <span class="upper">f053</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-chevron-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/chevron-right/index.html b/3.2.1/icon/chevron-right/index.html
new file mode 100644
index 000000000..0be7da63c
--- /dev/null
+++ b/3.2.1/icon/chevron-right/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-chevron-right icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-chevron-right icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-chevron-right icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-chevron-right icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-chevron-right icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-chevron-right
+      <small>
+        <i class="icon-chevron-right"></i> &middot;
+        Unicode: <span class="upper">f054</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-chevron-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/chevron-sign-down/index.html b/3.2.1/icon/chevron-sign-down/index.html
similarity index 100%
rename from icon/chevron-sign-down/index.html
rename to 3.2.1/icon/chevron-sign-down/index.html
diff --git a/icon/chevron-sign-left/index.html b/3.2.1/icon/chevron-sign-left/index.html
similarity index 100%
rename from icon/chevron-sign-left/index.html
rename to 3.2.1/icon/chevron-sign-left/index.html
diff --git a/icon/chevron-sign-right/index.html b/3.2.1/icon/chevron-sign-right/index.html
similarity index 100%
rename from icon/chevron-sign-right/index.html
rename to 3.2.1/icon/chevron-sign-right/index.html
diff --git a/icon/chevron-sign-up/index.html b/3.2.1/icon/chevron-sign-up/index.html
similarity index 100%
rename from icon/chevron-sign-up/index.html
rename to 3.2.1/icon/chevron-sign-up/index.html
diff --git a/3.2.1/icon/chevron-up/index.html b/3.2.1/icon/chevron-up/index.html
new file mode 100644
index 000000000..d457d9e60
--- /dev/null
+++ b/3.2.1/icon/chevron-up/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-chevron-up icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-chevron-up icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-chevron-up icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-chevron-up icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-chevron-up icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-chevron-up
+      <small>
+        <i class="icon-chevron-up"></i> &middot;
+        Unicode: <span class="upper">f077</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-chevron-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/circle-arrow-down/index.html b/3.2.1/icon/circle-arrow-down/index.html
similarity index 100%
rename from icon/circle-arrow-down/index.html
rename to 3.2.1/icon/circle-arrow-down/index.html
diff --git a/icon/circle-arrow-left/index.html b/3.2.1/icon/circle-arrow-left/index.html
similarity index 100%
rename from icon/circle-arrow-left/index.html
rename to 3.2.1/icon/circle-arrow-left/index.html
diff --git a/icon/circle-arrow-right/index.html b/3.2.1/icon/circle-arrow-right/index.html
similarity index 100%
rename from icon/circle-arrow-right/index.html
rename to 3.2.1/icon/circle-arrow-right/index.html
diff --git a/icon/circle-arrow-up/index.html b/3.2.1/icon/circle-arrow-up/index.html
similarity index 100%
rename from icon/circle-arrow-up/index.html
rename to 3.2.1/icon/circle-arrow-up/index.html
diff --git a/icon/circle-blank/index.html b/3.2.1/icon/circle-blank/index.html
similarity index 100%
rename from icon/circle-blank/index.html
rename to 3.2.1/icon/circle-blank/index.html
diff --git a/3.2.1/icon/circle/index.html b/3.2.1/icon/circle/index.html
new file mode 100644
index 000000000..3cb1a0c2f
--- /dev/null
+++ b/3.2.1/icon/circle/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-circle icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-circle icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-circle icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-circle icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-circle icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-circle
+      <small>
+        <i class="icon-circle"></i> &middot;
+        Unicode: <span class="upper">f111</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/cloud-download/index.html b/3.2.1/icon/cloud-download/index.html
new file mode 100644
index 000000000..8bc71dcb5
--- /dev/null
+++ b/3.2.1/icon/cloud-download/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-cloud-download icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-cloud-download icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-cloud-download icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-cloud-download icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-cloud-download icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-cloud-download
+      <small>
+        <i class="icon-cloud-download"></i> &middot;
+        Unicode: <span class="upper">f0ed</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-cloud-download&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/cloud-upload/index.html b/3.2.1/icon/cloud-upload/index.html
new file mode 100644
index 000000000..3bfc45032
--- /dev/null
+++ b/3.2.1/icon/cloud-upload/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-cloud-upload icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-cloud-upload icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-cloud-upload icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-cloud-upload icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-cloud-upload icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-cloud-upload
+      <small>
+        <i class="icon-cloud-upload"></i> &middot;
+        Unicode: <span class="upper">f0ee</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-cloud-upload&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/cloud/index.html b/3.2.1/icon/cloud/index.html
new file mode 100644
index 000000000..d4e319e62
--- /dev/null
+++ b/3.2.1/icon/cloud/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-cloud icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-cloud icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-cloud icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-cloud icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-cloud icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-cloud
+      <small>
+        <i class="icon-cloud"></i> &middot;
+        Unicode: <span class="upper">f0c2</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-cloud&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/cny/index.html b/3.2.1/icon/cny/index.html
similarity index 100%
rename from icon/cny/index.html
rename to 3.2.1/icon/cny/index.html
diff --git a/3.2.1/icon/code-fork/index.html b/3.2.1/icon/code-fork/index.html
new file mode 100644
index 000000000..e1f7a6445
--- /dev/null
+++ b/3.2.1/icon/code-fork/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-code-fork icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-code-fork icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-code-fork icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-code-fork icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-code-fork icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-code-fork
+      <small>
+        <i class="icon-code-fork"></i> &middot;
+        Unicode: <span class="upper">f126</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-code-fork&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/code/index.html b/3.2.1/icon/code/index.html
new file mode 100644
index 000000000..d28713ce8
--- /dev/null
+++ b/3.2.1/icon/code/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-code icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-code icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-code icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-code icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-code icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-code
+      <small>
+        <i class="icon-code"></i> &middot;
+        Unicode: <span class="upper">f121</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-code&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/coffee/index.html b/3.2.1/icon/coffee/index.html
new file mode 100644
index 000000000..63e06e44e
--- /dev/null
+++ b/3.2.1/icon/coffee/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-coffee icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-coffee icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-coffee icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-coffee icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-coffee icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-coffee
+      <small>
+        <i class="icon-coffee"></i> &middot;
+        Unicode: <span class="upper">f0f4</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-coffee&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/cog/index.html b/3.2.1/icon/cog/index.html
new file mode 100644
index 000000000..8afd03166
--- /dev/null
+++ b/3.2.1/icon/cog/index.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-cog icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-cog icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-cog icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-cog icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-cog icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-cog
+      <small>
+        <i class="icon-cog"></i> &middot;
+        Unicode: <span class="upper">f013</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; 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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-cog&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/cogs/index.html b/3.2.1/icon/cogs/index.html
new file mode 100644
index 000000000..2c4c56d20
--- /dev/null
+++ b/3.2.1/icon/cogs/index.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-cogs icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-cogs icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-cogs icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-cogs icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-cogs icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-cogs
+      <small>
+        <i class="icon-cogs"></i> &middot;
+        Unicode: <span class="upper">f085</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; 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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-cogs&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/collapse-alt/index.html b/3.2.1/icon/collapse-alt/index.html
similarity index 100%
rename from icon/collapse-alt/index.html
rename to 3.2.1/icon/collapse-alt/index.html
diff --git a/icon/collapse-top/index.html b/3.2.1/icon/collapse-top/index.html
similarity index 100%
rename from icon/collapse-top/index.html
rename to 3.2.1/icon/collapse-top/index.html
diff --git a/icon/collapse/index.html b/3.2.1/icon/collapse/index.html
similarity index 100%
rename from icon/collapse/index.html
rename to 3.2.1/icon/collapse/index.html
diff --git a/3.2.1/icon/columns/index.html b/3.2.1/icon/columns/index.html
new file mode 100644
index 000000000..2cac42bb8
--- /dev/null
+++ b/3.2.1/icon/columns/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-columns icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-columns icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-columns icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-columns icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-columns icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-columns
+      <small>
+        <i class="icon-columns"></i> &middot;
+        Unicode: <span class="upper">f0db</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-columns&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/comment-alt/index.html b/3.2.1/icon/comment-alt/index.html
similarity index 100%
rename from icon/comment-alt/index.html
rename to 3.2.1/icon/comment-alt/index.html
diff --git a/3.2.1/icon/comment/index.html b/3.2.1/icon/comment/index.html
new file mode 100644
index 000000000..d3217e200
--- /dev/null
+++ b/3.2.1/icon/comment/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-comment icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-comment icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-comment icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-comment icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-comment icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-comment
+      <small>
+        <i class="icon-comment"></i> &middot;
+        Unicode: <span class="upper">f075</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-comment&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/comments-alt/index.html b/3.2.1/icon/comments-alt/index.html
similarity index 100%
rename from icon/comments-alt/index.html
rename to 3.2.1/icon/comments-alt/index.html
diff --git a/3.2.1/icon/comments/index.html b/3.2.1/icon/comments/index.html
new file mode 100644
index 000000000..a9d57f58f
--- /dev/null
+++ b/3.2.1/icon/comments/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-comments icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-comments icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-comments icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-comments icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-comments icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-comments
+      <small>
+        <i class="icon-comments"></i> &middot;
+        Unicode: <span class="upper">f086</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-comments&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/compass/index.html b/3.2.1/icon/compass/index.html
new file mode 100644
index 000000000..b6bee48cf
--- /dev/null
+++ b/3.2.1/icon/compass/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-compass icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-compass icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-compass icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-compass icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-compass icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-compass
+      <small>
+        <i class="icon-compass"></i> &middot;
+        Unicode: <span class="upper">f14e</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-compass&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/copy/index.html b/3.2.1/icon/copy/index.html
similarity index 100%
rename from icon/copy/index.html
rename to 3.2.1/icon/copy/index.html
diff --git a/3.2.1/icon/credit-card/index.html b/3.2.1/icon/credit-card/index.html
new file mode 100644
index 000000000..576fe24a5
--- /dev/null
+++ b/3.2.1/icon/credit-card/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-credit-card icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-credit-card icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-credit-card icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-credit-card icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-credit-card icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-credit-card
+      <small>
+        <i class="icon-credit-card"></i> &middot;
+        Unicode: <span class="upper">f09d</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-credit-card&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/crop/index.html b/3.2.1/icon/crop/index.html
new file mode 100644
index 000000000..226413b4b
--- /dev/null
+++ b/3.2.1/icon/crop/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-crop icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-crop icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-crop icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-crop icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-crop icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-crop
+      <small>
+        <i class="icon-crop"></i> &middot;
+        Unicode: <span class="upper">f125</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-crop&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/css3/index.html b/3.2.1/icon/css3/index.html
new file mode 100644
index 000000000..3684786e8
--- /dev/null
+++ b/3.2.1/icon/css3/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-css3 icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-css3 icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-css3 icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-css3 icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-css3 icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-css3
+      <small>
+        <i class="icon-css3"></i> &middot;
+        Unicode: <span class="upper">f13c</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-css3&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/cut/index.html b/3.2.1/icon/cut/index.html
similarity index 100%
rename from icon/cut/index.html
rename to 3.2.1/icon/cut/index.html
diff --git a/icon/dashboard/index.html b/3.2.1/icon/dashboard/index.html
similarity index 100%
rename from icon/dashboard/index.html
rename to 3.2.1/icon/dashboard/index.html
diff --git a/3.2.1/icon/desktop/index.html b/3.2.1/icon/desktop/index.html
new file mode 100644
index 000000000..1ac39c84a
--- /dev/null
+++ b/3.2.1/icon/desktop/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-desktop icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-desktop icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-desktop icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-desktop icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-desktop icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-desktop
+      <small>
+        <i class="icon-desktop"></i> &middot;
+        Unicode: <span class="upper">f108</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-desktop&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/double-angle-down/index.html b/3.2.1/icon/double-angle-down/index.html
similarity index 100%
rename from icon/double-angle-down/index.html
rename to 3.2.1/icon/double-angle-down/index.html
diff --git a/icon/double-angle-left/index.html b/3.2.1/icon/double-angle-left/index.html
similarity index 100%
rename from icon/double-angle-left/index.html
rename to 3.2.1/icon/double-angle-left/index.html
diff --git a/icon/double-angle-right/index.html b/3.2.1/icon/double-angle-right/index.html
similarity index 100%
rename from icon/double-angle-right/index.html
rename to 3.2.1/icon/double-angle-right/index.html
diff --git a/icon/double-angle-up/index.html b/3.2.1/icon/double-angle-up/index.html
similarity index 100%
rename from icon/double-angle-up/index.html
rename to 3.2.1/icon/double-angle-up/index.html
diff --git a/icon/download-alt/index.html b/3.2.1/icon/download-alt/index.html
similarity index 100%
rename from icon/download-alt/index.html
rename to 3.2.1/icon/download-alt/index.html
diff --git a/3.2.1/icon/download/index.html b/3.2.1/icon/download/index.html
new file mode 100644
index 000000000..d95fc9385
--- /dev/null
+++ b/3.2.1/icon/download/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-download icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-download icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-download icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-download icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-download icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-download
+      <small>
+        <i class="icon-download"></i> &middot;
+        Unicode: <span class="upper">f01a</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-download&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/dribbble/index.html b/3.2.1/icon/dribbble/index.html
new file mode 100644
index 000000000..12808af52
--- /dev/null
+++ b/3.2.1/icon/dribbble/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-dribbble icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-dribbble icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-dribbble icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-dribbble icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-dribbble icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-dribbble
+      <small>
+        <i class="icon-dribbble"></i> &middot;
+        Unicode: <span class="upper">f17d</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-dribbble&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/dropbox/index.html b/3.2.1/icon/dropbox/index.html
new file mode 100644
index 000000000..86a75157d
--- /dev/null
+++ b/3.2.1/icon/dropbox/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-dropbox icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-dropbox icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-dropbox icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-dropbox icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-dropbox icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-dropbox
+      <small>
+        <i class="icon-dropbox"></i> &middot;
+        Unicode: <span class="upper">f16b</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-dropbox&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/edit-sign/index.html b/3.2.1/icon/edit-sign/index.html
similarity index 100%
rename from icon/edit-sign/index.html
rename to 3.2.1/icon/edit-sign/index.html
diff --git a/icon/edit/index.html b/3.2.1/icon/edit/index.html
similarity index 100%
rename from icon/edit/index.html
rename to 3.2.1/icon/edit/index.html
diff --git a/3.2.1/icon/eject/index.html b/3.2.1/icon/eject/index.html
new file mode 100644
index 000000000..a7712b304
--- /dev/null
+++ b/3.2.1/icon/eject/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-eject icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-eject icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-eject icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-eject icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-eject icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-eject
+      <small>
+        <i class="icon-eject"></i> &middot;
+        Unicode: <span class="upper">f052</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-eject&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/ellipsis-horizontal/index.html b/3.2.1/icon/ellipsis-horizontal/index.html
new file mode 100644
index 000000000..55abf3eb6
--- /dev/null
+++ b/3.2.1/icon/ellipsis-horizontal/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-ellipsis-horizontal icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-ellipsis-horizontal icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-ellipsis-horizontal icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-ellipsis-horizontal icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-ellipsis-horizontal icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-ellipsis-horizontal
+      <small>
+        <i class="icon-ellipsis-horizontal"></i> &middot;
+        Unicode: <span class="upper">f141</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-ellipsis-horizontal&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/ellipsis-vertical/index.html b/3.2.1/icon/ellipsis-vertical/index.html
new file mode 100644
index 000000000..cccffe37f
--- /dev/null
+++ b/3.2.1/icon/ellipsis-vertical/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-ellipsis-vertical icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-ellipsis-vertical icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-ellipsis-vertical icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-ellipsis-vertical icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-ellipsis-vertical icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-ellipsis-vertical
+      <small>
+        <i class="icon-ellipsis-vertical"></i> &middot;
+        Unicode: <span class="upper">f142</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-ellipsis-vertical&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/envelope-alt/index.html b/3.2.1/icon/envelope-alt/index.html
similarity index 100%
rename from icon/envelope-alt/index.html
rename to 3.2.1/icon/envelope-alt/index.html
diff --git a/3.2.1/icon/envelope/index.html b/3.2.1/icon/envelope/index.html
new file mode 100644
index 000000000..e4d771e87
--- /dev/null
+++ b/3.2.1/icon/envelope/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-envelope icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-envelope icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-envelope icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-envelope icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-envelope icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-envelope
+      <small>
+        <i class="icon-envelope"></i> &middot;
+        Unicode: <span class="upper">f0e0</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-envelope&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/eraser/index.html b/3.2.1/icon/eraser/index.html
new file mode 100644
index 000000000..1f5f8781d
--- /dev/null
+++ b/3.2.1/icon/eraser/index.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-eraser icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-eraser icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-eraser icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-eraser icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-eraser icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-eraser
+      <small>
+        <i class="icon-eraser"></i> &middot;
+        Unicode: <span class="upper">f12d</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-eraser&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/eur/index.html b/3.2.1/icon/eur/index.html
new file mode 100644
index 000000000..d9689868f
--- /dev/null
+++ b/3.2.1/icon/eur/index.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-eur icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-eur icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-eur icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-eur icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-eur icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-eur
+      <small>
+        <i class="icon-eur"></i> &middot;
+        Unicode: <span class="upper">f153</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; 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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-eur&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/exchange/index.html b/3.2.1/icon/exchange/index.html
new file mode 100644
index 000000000..afdb30379
--- /dev/null
+++ b/3.2.1/icon/exchange/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-exchange icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-exchange icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-exchange icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-exchange icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-exchange icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-exchange
+      <small>
+        <i class="icon-exchange"></i> &middot;
+        Unicode: <span class="upper">f0ec</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-exchange&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/exclamation-sign/index.html b/3.2.1/icon/exclamation-sign/index.html
similarity index 100%
rename from icon/exclamation-sign/index.html
rename to 3.2.1/icon/exclamation-sign/index.html
diff --git a/3.2.1/icon/exclamation/index.html b/3.2.1/icon/exclamation/index.html
new file mode 100644
index 000000000..0492fa1ae
--- /dev/null
+++ b/3.2.1/icon/exclamation/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-exclamation icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-exclamation icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-exclamation icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-exclamation icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-exclamation icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-exclamation
+      <small>
+        <i class="icon-exclamation"></i> &middot;
+        Unicode: <span class="upper">f12a</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-exclamation&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/expand-alt/index.html b/3.2.1/icon/expand-alt/index.html
similarity index 100%
rename from icon/expand-alt/index.html
rename to 3.2.1/icon/expand-alt/index.html
diff --git a/icon/expand/index.html b/3.2.1/icon/expand/index.html
similarity index 100%
rename from icon/expand/index.html
rename to 3.2.1/icon/expand/index.html
diff --git a/icon/external-link-sign/index.html b/3.2.1/icon/external-link-sign/index.html
similarity index 100%
rename from icon/external-link-sign/index.html
rename to 3.2.1/icon/external-link-sign/index.html
diff --git a/3.2.1/icon/external-link/index.html b/3.2.1/icon/external-link/index.html
new file mode 100644
index 000000000..548d33c23
--- /dev/null
+++ b/3.2.1/icon/external-link/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-external-link icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-external-link icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-external-link icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-external-link icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-external-link icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-external-link
+      <small>
+        <i class="icon-external-link"></i> &middot;
+        Unicode: <span class="upper">f08e</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-external-link&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/eye-close/index.html b/3.2.1/icon/eye-close/index.html
similarity index 100%
rename from icon/eye-close/index.html
rename to 3.2.1/icon/eye-close/index.html
diff --git a/icon/eye-open/index.html b/3.2.1/icon/eye-open/index.html
similarity index 100%
rename from icon/eye-open/index.html
rename to 3.2.1/icon/eye-open/index.html
diff --git a/icon/facebook-sign/index.html b/3.2.1/icon/facebook-sign/index.html
similarity index 100%
rename from icon/facebook-sign/index.html
rename to 3.2.1/icon/facebook-sign/index.html
diff --git a/3.2.1/icon/facebook/index.html b/3.2.1/icon/facebook/index.html
new file mode 100644
index 000000000..3f427cc5e
--- /dev/null
+++ b/3.2.1/icon/facebook/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-facebook icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-facebook icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-facebook icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-facebook icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-facebook icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-facebook
+      <small>
+        <i class="icon-facebook"></i> &middot;
+        Unicode: <span class="upper">f09a</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-facebook&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/facetime-video/index.html b/3.2.1/icon/facetime-video/index.html
similarity index 100%
rename from icon/facetime-video/index.html
rename to 3.2.1/icon/facetime-video/index.html
diff --git a/3.2.1/icon/fast-backward/index.html b/3.2.1/icon/fast-backward/index.html
new file mode 100644
index 000000000..12575ffea
--- /dev/null
+++ b/3.2.1/icon/fast-backward/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-fast-backward icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-fast-backward icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-fast-backward icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-fast-backward icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-fast-backward icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-fast-backward
+      <small>
+        <i class="icon-fast-backward"></i> &middot;
+        Unicode: <span class="upper">f049</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fast-backward&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/fast-forward/index.html b/3.2.1/icon/fast-forward/index.html
new file mode 100644
index 000000000..2847d9ee9
--- /dev/null
+++ b/3.2.1/icon/fast-forward/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-fast-forward icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-fast-forward icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-fast-forward icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-fast-forward icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-fast-forward icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-fast-forward
+      <small>
+        <i class="icon-fast-forward"></i> &middot;
+        Unicode: <span class="upper">f050</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fast-forward&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/female/index.html b/3.2.1/icon/female/index.html
new file mode 100644
index 000000000..30987c0a3
--- /dev/null
+++ b/3.2.1/icon/female/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-female icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-female icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-female icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-female icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-female icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-female
+      <small>
+        <i class="icon-female"></i> &middot;
+        Unicode: <span class="upper">f182</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-female&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/fighter-jet/index.html b/3.2.1/icon/fighter-jet/index.html
new file mode 100644
index 000000000..8c9a52b3a
--- /dev/null
+++ b/3.2.1/icon/fighter-jet/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-fighter-jet icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-fighter-jet icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-fighter-jet icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-fighter-jet icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-fighter-jet icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-fighter-jet
+      <small>
+        <i class="icon-fighter-jet"></i> &middot;
+        Unicode: <span class="upper">f0fb</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fighter-jet&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/file-alt/index.html b/3.2.1/icon/file-alt/index.html
similarity index 100%
rename from icon/file-alt/index.html
rename to 3.2.1/icon/file-alt/index.html
diff --git a/icon/file-text-alt/index.html b/3.2.1/icon/file-text-alt/index.html
similarity index 100%
rename from icon/file-text-alt/index.html
rename to 3.2.1/icon/file-text-alt/index.html
diff --git a/3.2.1/icon/file-text/index.html b/3.2.1/icon/file-text/index.html
new file mode 100644
index 000000000..90d7f1501
--- /dev/null
+++ b/3.2.1/icon/file-text/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-file-text icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-file-text icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-file-text icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-file-text icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-file-text icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-file-text
+      <small>
+        <i class="icon-file-text"></i> &middot;
+        Unicode: <span class="upper">f15c</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-file-text&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/file/index.html b/3.2.1/icon/file/index.html
new file mode 100644
index 000000000..7afa11475
--- /dev/null
+++ b/3.2.1/icon/file/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-file icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-file icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-file icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-file icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-file icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-file
+      <small>
+        <i class="icon-file"></i> &middot;
+        Unicode: <span class="upper">f15b</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-file&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/film/index.html b/3.2.1/icon/film/index.html
new file mode 100644
index 000000000..fb03bdc6f
--- /dev/null
+++ b/3.2.1/icon/film/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-film icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-film icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-film icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-film icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-film icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-film
+      <small>
+        <i class="icon-film"></i> &middot;
+        Unicode: <span class="upper">f008</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-film&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/filter/index.html b/3.2.1/icon/filter/index.html
new file mode 100644
index 000000000..9cb552ce4
--- /dev/null
+++ b/3.2.1/icon/filter/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-filter icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-filter icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-filter icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-filter icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-filter icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-filter
+      <small>
+        <i class="icon-filter"></i> &middot;
+        Unicode: <span class="upper">f0b0</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-filter&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/fire-extinguisher/index.html b/3.2.1/icon/fire-extinguisher/index.html
new file mode 100644
index 000000000..5a00fb90a
--- /dev/null
+++ b/3.2.1/icon/fire-extinguisher/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-fire-extinguisher icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-fire-extinguisher icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-fire-extinguisher icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-fire-extinguisher icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-fire-extinguisher icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-fire-extinguisher
+      <small>
+        <i class="icon-fire-extinguisher"></i> &middot;
+        Unicode: <span class="upper">f134</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fire-extinguisher&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/fire/index.html b/3.2.1/icon/fire/index.html
new file mode 100644
index 000000000..6ca70f8b1
--- /dev/null
+++ b/3.2.1/icon/fire/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-fire icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-fire icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-fire icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-fire icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-fire icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-fire
+      <small>
+        <i class="icon-fire"></i> &middot;
+        Unicode: <span class="upper">f06d</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fire&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/flag-alt/index.html b/3.2.1/icon/flag-alt/index.html
similarity index 100%
rename from icon/flag-alt/index.html
rename to 3.2.1/icon/flag-alt/index.html
diff --git a/3.2.1/icon/flag-checkered/index.html b/3.2.1/icon/flag-checkered/index.html
new file mode 100644
index 000000000..972ebefae
--- /dev/null
+++ b/3.2.1/icon/flag-checkered/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-flag-checkered icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-flag-checkered icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-flag-checkered icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-flag-checkered icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-flag-checkered icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-flag-checkered
+      <small>
+        <i class="icon-flag-checkered"></i> &middot;
+        Unicode: <span class="upper">f11e</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-flag-checkered&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/flag/index.html b/3.2.1/icon/flag/index.html
new file mode 100644
index 000000000..7f9c8e974
--- /dev/null
+++ b/3.2.1/icon/flag/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-flag icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-flag icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-flag icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-flag icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-flag icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-flag
+      <small>
+        <i class="icon-flag"></i> &middot;
+        Unicode: <span class="upper">f024</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-flag&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/flickr/index.html b/3.2.1/icon/flickr/index.html
new file mode 100644
index 000000000..5379f5fd7
--- /dev/null
+++ b/3.2.1/icon/flickr/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-flickr icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-flickr icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-flickr icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-flickr icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-flickr icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-flickr
+      <small>
+        <i class="icon-flickr"></i> &middot;
+        Unicode: <span class="upper">f16e</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-flickr&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/folder-close-alt/index.html b/3.2.1/icon/folder-close-alt/index.html
similarity index 100%
rename from icon/folder-close-alt/index.html
rename to 3.2.1/icon/folder-close-alt/index.html
diff --git a/icon/folder-close/index.html b/3.2.1/icon/folder-close/index.html
similarity index 100%
rename from icon/folder-close/index.html
rename to 3.2.1/icon/folder-close/index.html
diff --git a/icon/folder-open-alt/index.html b/3.2.1/icon/folder-open-alt/index.html
similarity index 100%
rename from icon/folder-open-alt/index.html
rename to 3.2.1/icon/folder-open-alt/index.html
diff --git a/3.2.1/icon/folder-open/index.html b/3.2.1/icon/folder-open/index.html
new file mode 100644
index 000000000..306c57831
--- /dev/null
+++ b/3.2.1/icon/folder-open/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-folder-open icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-folder-open icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-folder-open icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-folder-open icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-folder-open icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-folder-open
+      <small>
+        <i class="icon-folder-open"></i> &middot;
+        Unicode: <span class="upper">f07c</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-folder-open&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/font/index.html b/3.2.1/icon/font/index.html
new file mode 100644
index 000000000..2a970e7c8
--- /dev/null
+++ b/3.2.1/icon/font/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-font icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-font icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-font icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-font icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-font icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-font
+      <small>
+        <i class="icon-font"></i> &middot;
+        Unicode: <span class="upper">f031</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-font&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/food/index.html b/3.2.1/icon/food/index.html
similarity index 100%
rename from icon/food/index.html
rename to 3.2.1/icon/food/index.html
diff --git a/3.2.1/icon/forward/index.html b/3.2.1/icon/forward/index.html
new file mode 100644
index 000000000..c1484cc9a
--- /dev/null
+++ b/3.2.1/icon/forward/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-forward icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-forward icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-forward icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-forward icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-forward icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-forward
+      <small>
+        <i class="icon-forward"></i> &middot;
+        Unicode: <span class="upper">f04e</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-forward&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/foursquare/index.html b/3.2.1/icon/foursquare/index.html
new file mode 100644
index 000000000..23e71bb68
--- /dev/null
+++ b/3.2.1/icon/foursquare/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-foursquare icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-foursquare icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-foursquare icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-foursquare icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-foursquare icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-foursquare
+      <small>
+        <i class="icon-foursquare"></i> &middot;
+        Unicode: <span class="upper">f180</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-foursquare&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/frown/index.html b/3.2.1/icon/frown/index.html
similarity index 100%
rename from icon/frown/index.html
rename to 3.2.1/icon/frown/index.html
diff --git a/3.2.1/icon/fullscreen/index.html b/3.2.1/icon/fullscreen/index.html
new file mode 100644
index 000000000..05d44452e
--- /dev/null
+++ b/3.2.1/icon/fullscreen/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-fullscreen icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-fullscreen icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-fullscreen icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-fullscreen icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-fullscreen icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-fullscreen
+      <small>
+        <i class="icon-fullscreen"></i> &middot;
+        Unicode: <span class="upper">f0b2</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fullscreen&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/gamepad/index.html b/3.2.1/icon/gamepad/index.html
new file mode 100644
index 000000000..0bd4ffea8
--- /dev/null
+++ b/3.2.1/icon/gamepad/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-gamepad icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-gamepad icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-gamepad icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-gamepad icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-gamepad icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-gamepad
+      <small>
+        <i class="icon-gamepad"></i> &middot;
+        Unicode: <span class="upper">f11b</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-gamepad&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/gbp/index.html b/3.2.1/icon/gbp/index.html
new file mode 100644
index 000000000..87d4317b8
--- /dev/null
+++ b/3.2.1/icon/gbp/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-gbp icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-gbp icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-gbp icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-gbp icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-gbp icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-gbp
+      <small>
+        <i class="icon-gbp"></i> &middot;
+        Unicode: <span class="upper">f154</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-gbp&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/gift/index.html b/3.2.1/icon/gift/index.html
new file mode 100644
index 000000000..88f346491
--- /dev/null
+++ b/3.2.1/icon/gift/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-gift icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-gift icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-gift icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-gift icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-gift icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-gift
+      <small>
+        <i class="icon-gift"></i> &middot;
+        Unicode: <span class="upper">f06b</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-gift&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/github-alt/index.html b/3.2.1/icon/github-alt/index.html
new file mode 100644
index 000000000..eacd12e34
--- /dev/null
+++ b/3.2.1/icon/github-alt/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-github-alt icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-github-alt icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-github-alt icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-github-alt icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-github-alt icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-github-alt
+      <small>
+        <i class="icon-github-alt"></i> &middot;
+        Unicode: <span class="upper">f113</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-github-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/github-sign/index.html b/3.2.1/icon/github-sign/index.html
similarity index 100%
rename from icon/github-sign/index.html
rename to 3.2.1/icon/github-sign/index.html
diff --git a/3.2.1/icon/github/index.html b/3.2.1/icon/github/index.html
new file mode 100644
index 000000000..102ce0ffa
--- /dev/null
+++ b/3.2.1/icon/github/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-github icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-github icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-github icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-github icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-github icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-github
+      <small>
+        <i class="icon-github"></i> &middot;
+        Unicode: <span class="upper">f09b</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-github&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/gittip/index.html b/3.2.1/icon/gittip/index.html
new file mode 100644
index 000000000..620da7fb1
--- /dev/null
+++ b/3.2.1/icon/gittip/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-gittip icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-gittip icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-gittip icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-gittip icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-gittip icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-gittip
+      <small>
+        <i class="icon-gittip"></i> &middot;
+        Unicode: <span class="upper">f184</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-gittip&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/glass/index.html b/3.2.1/icon/glass/index.html
new file mode 100644
index 000000000..b03e4d7e2
--- /dev/null
+++ b/3.2.1/icon/glass/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-glass icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-glass icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-glass icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-glass icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-glass icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-glass
+      <small>
+        <i class="icon-glass"></i> &middot;
+        Unicode: <span class="upper">f000</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-glass&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/globe/index.html b/3.2.1/icon/globe/index.html
new file mode 100644
index 000000000..4892bfee1
--- /dev/null
+++ b/3.2.1/icon/globe/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-globe icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-globe icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-globe icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-globe icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-globe icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-globe
+      <small>
+        <i class="icon-globe"></i> &middot;
+        Unicode: <span class="upper">f0ac</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-globe&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/google-plus-sign/index.html b/3.2.1/icon/google-plus-sign/index.html
similarity index 100%
rename from icon/google-plus-sign/index.html
rename to 3.2.1/icon/google-plus-sign/index.html
diff --git a/3.2.1/icon/google-plus/index.html b/3.2.1/icon/google-plus/index.html
new file mode 100644
index 000000000..b274b770f
--- /dev/null
+++ b/3.2.1/icon/google-plus/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-google-plus icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-google-plus icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-google-plus icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-google-plus icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-google-plus icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-google-plus
+      <small>
+        <i class="icon-google-plus"></i> &middot;
+        Unicode: <span class="upper">f0d5</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-google-plus&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/group/index.html b/3.2.1/icon/group/index.html
new file mode 100644
index 000000000..27d3857e3
--- /dev/null
+++ b/3.2.1/icon/group/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-group icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-group icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-group icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-group icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-group icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-group
+      <small>
+        <i class="icon-group"></i> &middot;
+        Unicode: <span class="upper">f0c0</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-group&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/h-sign/index.html b/3.2.1/icon/h-sign/index.html
similarity index 100%
rename from icon/h-sign/index.html
rename to 3.2.1/icon/h-sign/index.html
diff --git a/icon/hand-down/index.html b/3.2.1/icon/hand-down/index.html
similarity index 100%
rename from icon/hand-down/index.html
rename to 3.2.1/icon/hand-down/index.html
diff --git a/icon/hand-left/index.html b/3.2.1/icon/hand-left/index.html
similarity index 100%
rename from icon/hand-left/index.html
rename to 3.2.1/icon/hand-left/index.html
diff --git a/icon/hand-right/index.html b/3.2.1/icon/hand-right/index.html
similarity index 100%
rename from icon/hand-right/index.html
rename to 3.2.1/icon/hand-right/index.html
diff --git a/icon/hand-up/index.html b/3.2.1/icon/hand-up/index.html
similarity index 100%
rename from icon/hand-up/index.html
rename to 3.2.1/icon/hand-up/index.html
diff --git a/3.2.1/icon/hdd/index.html b/3.2.1/icon/hdd/index.html
new file mode 100644
index 000000000..5d9418d42
--- /dev/null
+++ b/3.2.1/icon/hdd/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-hdd icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-hdd icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-hdd icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-hdd icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-hdd icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-hdd
+      <small>
+        <i class="icon-hdd"></i> &middot;
+        Unicode: <span class="upper">f0a0</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-hdd&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/headphones/index.html b/3.2.1/icon/headphones/index.html
new file mode 100644
index 000000000..643ba0ca3
--- /dev/null
+++ b/3.2.1/icon/headphones/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-headphones icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-headphones icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-headphones icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-headphones icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-headphones icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-headphones
+      <small>
+        <i class="icon-headphones"></i> &middot;
+        Unicode: <span class="upper">f025</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-headphones&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/heart-empty/index.html b/3.2.1/icon/heart-empty/index.html
similarity index 100%
rename from icon/heart-empty/index.html
rename to 3.2.1/icon/heart-empty/index.html
diff --git a/3.2.1/icon/heart/index.html b/3.2.1/icon/heart/index.html
new file mode 100644
index 000000000..438b76809
--- /dev/null
+++ b/3.2.1/icon/heart/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-heart icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-heart icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-heart icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-heart icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-heart icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-heart
+      <small>
+        <i class="icon-heart"></i> &middot;
+        Unicode: <span class="upper">f004</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-heart&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/home/index.html b/3.2.1/icon/home/index.html
new file mode 100644
index 000000000..28c9e505f
--- /dev/null
+++ b/3.2.1/icon/home/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-home icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-home icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-home icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-home icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-home icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-home
+      <small>
+        <i class="icon-home"></i> &middot;
+        Unicode: <span class="upper">f015</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-home&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/hospital/index.html b/3.2.1/icon/hospital/index.html
new file mode 100644
index 000000000..c349211b4
--- /dev/null
+++ b/3.2.1/icon/hospital/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-hospital icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-hospital icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-hospital icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-hospital icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-hospital icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-hospital
+      <small>
+        <i class="icon-hospital"></i> &middot;
+        Unicode: <span class="upper">f0f8</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-hospital&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/html5/index.html b/3.2.1/icon/html5/index.html
new file mode 100644
index 000000000..0485a6d50
--- /dev/null
+++ b/3.2.1/icon/html5/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-html5 icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-html5 icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-html5 icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-html5 icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-html5 icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-html5
+      <small>
+        <i class="icon-html5"></i> &middot;
+        Unicode: <span class="upper">f13b</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-html5&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/inbox/index.html b/3.2.1/icon/inbox/index.html
new file mode 100644
index 000000000..77f22e67e
--- /dev/null
+++ b/3.2.1/icon/inbox/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-inbox icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-inbox icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-inbox icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-inbox icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-inbox icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-inbox
+      <small>
+        <i class="icon-inbox"></i> &middot;
+        Unicode: <span class="upper">f01c</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-inbox&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/indent-left/index.html b/3.2.1/icon/indent-left/index.html
similarity index 100%
rename from icon/indent-left/index.html
rename to 3.2.1/icon/indent-left/index.html
diff --git a/icon/indent-right/index.html b/3.2.1/icon/indent-right/index.html
similarity index 100%
rename from icon/indent-right/index.html
rename to 3.2.1/icon/indent-right/index.html
diff --git a/icon/info-sign/index.html b/3.2.1/icon/info-sign/index.html
similarity index 100%
rename from icon/info-sign/index.html
rename to 3.2.1/icon/info-sign/index.html
diff --git a/3.2.1/icon/info/index.html b/3.2.1/icon/info/index.html
new file mode 100644
index 000000000..16cf35f2f
--- /dev/null
+++ b/3.2.1/icon/info/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-info icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-info icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-info icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-info icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-info icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-info
+      <small>
+        <i class="icon-info"></i> &middot;
+        Unicode: <span class="upper">f129</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-info&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/inr/index.html b/3.2.1/icon/inr/index.html
new file mode 100644
index 000000000..0282bbfd1
--- /dev/null
+++ b/3.2.1/icon/inr/index.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-inr icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-inr icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-inr icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-inr icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-inr icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-inr
+      <small>
+        <i class="icon-inr"></i> &middot;
+        Unicode: <span class="upper">f156</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; 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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-inr&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/instagram/index.html b/3.2.1/icon/instagram/index.html
new file mode 100644
index 000000000..a6bc13eb9
--- /dev/null
+++ b/3.2.1/icon/instagram/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-instagram icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-instagram icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-instagram icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-instagram icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-instagram icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-instagram
+      <small>
+        <i class="icon-instagram"></i> &middot;
+        Unicode: <span class="upper">f16d</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-instagram&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/italic/index.html b/3.2.1/icon/italic/index.html
new file mode 100644
index 000000000..18695b563
--- /dev/null
+++ b/3.2.1/icon/italic/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-italic icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-italic icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-italic icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-italic icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-italic icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-italic
+      <small>
+        <i class="icon-italic"></i> &middot;
+        Unicode: <span class="upper">f033</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-italic&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/jpy/index.html b/3.2.1/icon/jpy/index.html
new file mode 100644
index 000000000..e2a9a00d4
--- /dev/null
+++ b/3.2.1/icon/jpy/index.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-jpy icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-jpy icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-jpy icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-jpy icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-jpy icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-jpy
+      <small>
+        <i class="icon-jpy"></i> &middot;
+        Unicode: <span class="upper">f157</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; 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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-jpy&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/key/index.html b/3.2.1/icon/key/index.html
new file mode 100644
index 000000000..7f661965d
--- /dev/null
+++ b/3.2.1/icon/key/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-key icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-key icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-key icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-key icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-key icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-key
+      <small>
+        <i class="icon-key"></i> &middot;
+        Unicode: <span class="upper">f084</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-key&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/keyboard/index.html b/3.2.1/icon/keyboard/index.html
similarity index 100%
rename from icon/keyboard/index.html
rename to 3.2.1/icon/keyboard/index.html
diff --git a/3.2.1/icon/krw/index.html b/3.2.1/icon/krw/index.html
new file mode 100644
index 000000000..01ac3673b
--- /dev/null
+++ b/3.2.1/icon/krw/index.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-krw icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-krw icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-krw icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-krw icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-krw icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-krw
+      <small>
+        <i class="icon-krw"></i> &middot;
+        Unicode: <span class="upper">f159</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; 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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-krw&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/laptop/index.html b/3.2.1/icon/laptop/index.html
new file mode 100644
index 000000000..d4d312fd7
--- /dev/null
+++ b/3.2.1/icon/laptop/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-laptop icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-laptop icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-laptop icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-laptop icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-laptop icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-laptop
+      <small>
+        <i class="icon-laptop"></i> &middot;
+        Unicode: <span class="upper">f109</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-laptop&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/leaf/index.html b/3.2.1/icon/leaf/index.html
new file mode 100644
index 000000000..63d7917c7
--- /dev/null
+++ b/3.2.1/icon/leaf/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-leaf icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-leaf icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-leaf icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-leaf icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-leaf icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-leaf
+      <small>
+        <i class="icon-leaf"></i> &middot;
+        Unicode: <span class="upper">f06c</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-leaf&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/legal/index.html b/3.2.1/icon/legal/index.html
similarity index 100%
rename from icon/legal/index.html
rename to 3.2.1/icon/legal/index.html
diff --git a/icon/lemon/index.html b/3.2.1/icon/lemon/index.html
similarity index 100%
rename from icon/lemon/index.html
rename to 3.2.1/icon/lemon/index.html
diff --git a/3.2.1/icon/level-down/index.html b/3.2.1/icon/level-down/index.html
new file mode 100644
index 000000000..89f85d3d8
--- /dev/null
+++ b/3.2.1/icon/level-down/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-level-down icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-level-down icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-level-down icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-level-down icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-level-down icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-level-down
+      <small>
+        <i class="icon-level-down"></i> &middot;
+        Unicode: <span class="upper">f149</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-level-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/level-up/index.html b/3.2.1/icon/level-up/index.html
new file mode 100644
index 000000000..9448afa64
--- /dev/null
+++ b/3.2.1/icon/level-up/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-level-up icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-level-up icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-level-up icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-level-up icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-level-up icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-level-up
+      <small>
+        <i class="icon-level-up"></i> &middot;
+        Unicode: <span class="upper">f148</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-level-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/lightbulb/index.html b/3.2.1/icon/lightbulb/index.html
similarity index 100%
rename from icon/lightbulb/index.html
rename to 3.2.1/icon/lightbulb/index.html
diff --git a/3.2.1/icon/link/index.html b/3.2.1/icon/link/index.html
new file mode 100644
index 000000000..9dc11e1a5
--- /dev/null
+++ b/3.2.1/icon/link/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-link icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-link icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-link icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-link icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-link icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-link
+      <small>
+        <i class="icon-link"></i> &middot;
+        Unicode: <span class="upper">f0c1</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-link&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/linkedin-sign/index.html b/3.2.1/icon/linkedin-sign/index.html
similarity index 100%
rename from icon/linkedin-sign/index.html
rename to 3.2.1/icon/linkedin-sign/index.html
diff --git a/3.2.1/icon/linkedin/index.html b/3.2.1/icon/linkedin/index.html
new file mode 100644
index 000000000..6fc122840
--- /dev/null
+++ b/3.2.1/icon/linkedin/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-linkedin icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-linkedin icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-linkedin icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-linkedin icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-linkedin icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-linkedin
+      <small>
+        <i class="icon-linkedin"></i> &middot;
+        Unicode: <span class="upper">f0e1</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-linkedin&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/linux/index.html b/3.2.1/icon/linux/index.html
new file mode 100644
index 000000000..983e10cf8
--- /dev/null
+++ b/3.2.1/icon/linux/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-linux icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-linux icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-linux icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-linux icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-linux icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-linux
+      <small>
+        <i class="icon-linux"></i> &middot;
+        Unicode: <span class="upper">f17c</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-linux&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/list-alt/index.html b/3.2.1/icon/list-alt/index.html
new file mode 100644
index 000000000..5a5fa668e
--- /dev/null
+++ b/3.2.1/icon/list-alt/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-list-alt icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-list-alt icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-list-alt icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-list-alt icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-list-alt icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-list-alt
+      <small>
+        <i class="icon-list-alt"></i> &middot;
+        Unicode: <span class="upper">f022</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-list-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/list-ol/index.html b/3.2.1/icon/list-ol/index.html
new file mode 100644
index 000000000..f8d995ca4
--- /dev/null
+++ b/3.2.1/icon/list-ol/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-list-ol icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-list-ol icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-list-ol icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-list-ol icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-list-ol icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-list-ol
+      <small>
+        <i class="icon-list-ol"></i> &middot;
+        Unicode: <span class="upper">f0cb</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-list-ol&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/list-ul/index.html b/3.2.1/icon/list-ul/index.html
new file mode 100644
index 000000000..18216653f
--- /dev/null
+++ b/3.2.1/icon/list-ul/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-list-ul icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-list-ul icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-list-ul icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-list-ul icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-list-ul icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-list-ul
+      <small>
+        <i class="icon-list-ul"></i> &middot;
+        Unicode: <span class="upper">f0ca</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-list-ul&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/list/index.html b/3.2.1/icon/list/index.html
new file mode 100644
index 000000000..1a0207dee
--- /dev/null
+++ b/3.2.1/icon/list/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-list icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-list icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-list icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-list icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-list icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-list
+      <small>
+        <i class="icon-list"></i> &middot;
+        Unicode: <span class="upper">f03a</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-list&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/location-arrow/index.html b/3.2.1/icon/location-arrow/index.html
new file mode 100644
index 000000000..a12c8c16e
--- /dev/null
+++ b/3.2.1/icon/location-arrow/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-location-arrow icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-location-arrow icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-location-arrow icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-location-arrow icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-location-arrow icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-location-arrow
+      <small>
+        <i class="icon-location-arrow"></i> &middot;
+        Unicode: <span class="upper">f124</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-location-arrow&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/lock/index.html b/3.2.1/icon/lock/index.html
new file mode 100644
index 000000000..b0c06dfb5
--- /dev/null
+++ b/3.2.1/icon/lock/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-lock icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-lock icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-lock icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-lock icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-lock icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-lock
+      <small>
+        <i class="icon-lock"></i> &middot;
+        Unicode: <span class="upper">f023</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-lock&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/long-arrow-down/index.html b/3.2.1/icon/long-arrow-down/index.html
new file mode 100644
index 000000000..4de7c4082
--- /dev/null
+++ b/3.2.1/icon/long-arrow-down/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-long-arrow-down icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-long-arrow-down icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-long-arrow-down icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-long-arrow-down icon-2"></i>&nbsp;
+      </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> &middot;
+        Unicode: <span class="upper">f175</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-long-arrow-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/long-arrow-left/index.html b/3.2.1/icon/long-arrow-left/index.html
new file mode 100644
index 000000000..1b6d0ad53
--- /dev/null
+++ b/3.2.1/icon/long-arrow-left/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-long-arrow-left icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-long-arrow-left icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-long-arrow-left icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-long-arrow-left icon-2"></i>&nbsp;
+      </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> &middot;
+        Unicode: <span class="upper">f177</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-long-arrow-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/long-arrow-right/index.html b/3.2.1/icon/long-arrow-right/index.html
new file mode 100644
index 000000000..0b57a2b74
--- /dev/null
+++ b/3.2.1/icon/long-arrow-right/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-long-arrow-right icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-long-arrow-right icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-long-arrow-right icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-long-arrow-right icon-2"></i>&nbsp;
+      </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> &middot;
+        Unicode: <span class="upper">f178</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-long-arrow-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/long-arrow-up/index.html b/3.2.1/icon/long-arrow-up/index.html
new file mode 100644
index 000000000..2a8e10762
--- /dev/null
+++ b/3.2.1/icon/long-arrow-up/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-long-arrow-up icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-long-arrow-up icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-long-arrow-up icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-long-arrow-up icon-2"></i>&nbsp;
+      </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> &middot;
+        Unicode: <span class="upper">f176</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-long-arrow-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/magic/index.html b/3.2.1/icon/magic/index.html
new file mode 100644
index 000000000..b82bd1800
--- /dev/null
+++ b/3.2.1/icon/magic/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-magic icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-magic icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-magic icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-magic icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-magic icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-magic
+      <small>
+        <i class="icon-magic"></i> &middot;
+        Unicode: <span class="upper">f0d0</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-magic&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/magnet/index.html b/3.2.1/icon/magnet/index.html
new file mode 100644
index 000000000..4efafbc60
--- /dev/null
+++ b/3.2.1/icon/magnet/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-magnet icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-magnet icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-magnet icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-magnet icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-magnet icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-magnet
+      <small>
+        <i class="icon-magnet"></i> &middot;
+        Unicode: <span class="upper">f076</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-magnet&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/mail-reply-all/index.html b/3.2.1/icon/mail-reply-all/index.html
new file mode 100644
index 000000000..ed887beac
--- /dev/null
+++ b/3.2.1/icon/mail-reply-all/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-mail-reply-all icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-mail-reply-all icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-mail-reply-all icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-mail-reply-all icon-2"></i>&nbsp;
+      </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> &middot;
+        Unicode: <span class="upper">f122</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-mail-reply-all&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/male/index.html b/3.2.1/icon/male/index.html
new file mode 100644
index 000000000..56397b460
--- /dev/null
+++ b/3.2.1/icon/male/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-male icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-male icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-male icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-male icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-male icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-male
+      <small>
+        <i class="icon-male"></i> &middot;
+        Unicode: <span class="upper">f183</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-male&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/map-marker/index.html b/3.2.1/icon/map-marker/index.html
new file mode 100644
index 000000000..4f1c90492
--- /dev/null
+++ b/3.2.1/icon/map-marker/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-map-marker icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-map-marker icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-map-marker icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-map-marker icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-map-marker icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-map-marker
+      <small>
+        <i class="icon-map-marker"></i> &middot;
+        Unicode: <span class="upper">f041</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-map-marker&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/maxcdn/index.html b/3.2.1/icon/maxcdn/index.html
new file mode 100644
index 000000000..77fe70504
--- /dev/null
+++ b/3.2.1/icon/maxcdn/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-maxcdn icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-maxcdn icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-maxcdn icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-maxcdn icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-maxcdn icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-maxcdn
+      <small>
+        <i class="icon-maxcdn"></i> &middot;
+        Unicode: <span class="upper">f136</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-maxcdn&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/medkit/index.html b/3.2.1/icon/medkit/index.html
new file mode 100644
index 000000000..0dc6de676
--- /dev/null
+++ b/3.2.1/icon/medkit/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-medkit icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-medkit icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-medkit icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-medkit icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-medkit icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-medkit
+      <small>
+        <i class="icon-medkit"></i> &middot;
+        Unicode: <span class="upper">f0fa</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-medkit&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/meh/index.html b/3.2.1/icon/meh/index.html
similarity index 100%
rename from icon/meh/index.html
rename to 3.2.1/icon/meh/index.html
diff --git a/icon/microphone-off/index.html b/3.2.1/icon/microphone-off/index.html
similarity index 100%
rename from icon/microphone-off/index.html
rename to 3.2.1/icon/microphone-off/index.html
diff --git a/3.2.1/icon/microphone/index.html b/3.2.1/icon/microphone/index.html
new file mode 100644
index 000000000..194f14e00
--- /dev/null
+++ b/3.2.1/icon/microphone/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-microphone icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-microphone icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-microphone icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-microphone icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-microphone icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-microphone
+      <small>
+        <i class="icon-microphone"></i> &middot;
+        Unicode: <span class="upper">f130</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-microphone&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/minus-sign-alt/index.html b/3.2.1/icon/minus-sign-alt/index.html
similarity index 100%
rename from icon/minus-sign-alt/index.html
rename to 3.2.1/icon/minus-sign-alt/index.html
diff --git a/icon/minus-sign/index.html b/3.2.1/icon/minus-sign/index.html
similarity index 100%
rename from icon/minus-sign/index.html
rename to 3.2.1/icon/minus-sign/index.html
diff --git a/3.2.1/icon/minus/index.html b/3.2.1/icon/minus/index.html
new file mode 100644
index 000000000..3b67868cd
--- /dev/null
+++ b/3.2.1/icon/minus/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-minus icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-minus icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-minus icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-minus icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-minus icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-minus
+      <small>
+        <i class="icon-minus"></i> &middot;
+        Unicode: <span class="upper">f068</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-minus&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/mobile-phone/index.html b/3.2.1/icon/mobile-phone/index.html
similarity index 100%
rename from icon/mobile-phone/index.html
rename to 3.2.1/icon/mobile-phone/index.html
diff --git a/3.2.1/icon/money/index.html b/3.2.1/icon/money/index.html
new file mode 100644
index 000000000..034d08044
--- /dev/null
+++ b/3.2.1/icon/money/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-money icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-money icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-money icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-money icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-money icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-money
+      <small>
+        <i class="icon-money"></i> &middot;
+        Unicode: <span class="upper">f0d6</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-money&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/moon/index.html b/3.2.1/icon/moon/index.html
similarity index 100%
rename from icon/moon/index.html
rename to 3.2.1/icon/moon/index.html
diff --git a/3.2.1/icon/move/index.html b/3.2.1/icon/move/index.html
new file mode 100644
index 000000000..15b9dbf55
--- /dev/null
+++ b/3.2.1/icon/move/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-move icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-move icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-move icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-move icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-move icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-move
+      <small>
+        <i class="icon-move"></i> &middot;
+        Unicode: <span class="upper">f047</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-move&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/music/index.html b/3.2.1/icon/music/index.html
new file mode 100644
index 000000000..20b12e6b5
--- /dev/null
+++ b/3.2.1/icon/music/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-music icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-music icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-music icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-music icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-music icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-music
+      <small>
+        <i class="icon-music"></i> &middot;
+        Unicode: <span class="upper">f001</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-music&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/off/index.html b/3.2.1/icon/off/index.html
similarity index 100%
rename from icon/off/index.html
rename to 3.2.1/icon/off/index.html
diff --git a/icon/ok-circle/index.html b/3.2.1/icon/ok-circle/index.html
similarity index 100%
rename from icon/ok-circle/index.html
rename to 3.2.1/icon/ok-circle/index.html
diff --git a/icon/ok-sign/index.html b/3.2.1/icon/ok-sign/index.html
similarity index 100%
rename from icon/ok-sign/index.html
rename to 3.2.1/icon/ok-sign/index.html
diff --git a/icon/ok/index.html b/3.2.1/icon/ok/index.html
similarity index 100%
rename from icon/ok/index.html
rename to 3.2.1/icon/ok/index.html
diff --git a/icon/paper-clip/index.html b/3.2.1/icon/paper-clip/index.html
similarity index 100%
rename from icon/paper-clip/index.html
rename to 3.2.1/icon/paper-clip/index.html
diff --git a/icon/paste/index.html b/3.2.1/icon/paste/index.html
similarity index 100%
rename from icon/paste/index.html
rename to 3.2.1/icon/paste/index.html
diff --git a/3.2.1/icon/pause/index.html b/3.2.1/icon/pause/index.html
new file mode 100644
index 000000000..74e629bcd
--- /dev/null
+++ b/3.2.1/icon/pause/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-pause icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-pause icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-pause icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-pause icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-pause icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-pause
+      <small>
+        <i class="icon-pause"></i> &middot;
+        Unicode: <span class="upper">f04c</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-pause&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/pencil/index.html b/3.2.1/icon/pencil/index.html
new file mode 100644
index 000000000..fc624e017
--- /dev/null
+++ b/3.2.1/icon/pencil/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-pencil icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-pencil icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-pencil icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-pencil icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-pencil icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-pencil
+      <small>
+        <i class="icon-pencil"></i> &middot;
+        Unicode: <span class="upper">f040</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-pencil&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/phone-sign/index.html b/3.2.1/icon/phone-sign/index.html
similarity index 100%
rename from icon/phone-sign/index.html
rename to 3.2.1/icon/phone-sign/index.html
diff --git a/3.2.1/icon/phone/index.html b/3.2.1/icon/phone/index.html
new file mode 100644
index 000000000..f6195d2c8
--- /dev/null
+++ b/3.2.1/icon/phone/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-phone icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-phone icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-phone icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-phone icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-phone icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-phone
+      <small>
+        <i class="icon-phone"></i> &middot;
+        Unicode: <span class="upper">f095</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-phone&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/picture/index.html b/3.2.1/icon/picture/index.html
similarity index 100%
rename from icon/picture/index.html
rename to 3.2.1/icon/picture/index.html
diff --git a/icon/pinterest-sign/index.html b/3.2.1/icon/pinterest-sign/index.html
similarity index 100%
rename from icon/pinterest-sign/index.html
rename to 3.2.1/icon/pinterest-sign/index.html
diff --git a/3.2.1/icon/pinterest/index.html b/3.2.1/icon/pinterest/index.html
new file mode 100644
index 000000000..89b5ddfc3
--- /dev/null
+++ b/3.2.1/icon/pinterest/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-pinterest icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-pinterest icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-pinterest icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-pinterest icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-pinterest icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-pinterest
+      <small>
+        <i class="icon-pinterest"></i> &middot;
+        Unicode: <span class="upper">f0d2</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-pinterest&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/plane/index.html b/3.2.1/icon/plane/index.html
new file mode 100644
index 000000000..5f2c97b66
--- /dev/null
+++ b/3.2.1/icon/plane/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-plane icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-plane icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-plane icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-plane icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-plane icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-plane
+      <small>
+        <i class="icon-plane"></i> &middot;
+        Unicode: <span class="upper">f072</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-plane&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/play-circle/index.html b/3.2.1/icon/play-circle/index.html
new file mode 100644
index 000000000..1a2d2ef20
--- /dev/null
+++ b/3.2.1/icon/play-circle/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-play-circle icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-play-circle icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-play-circle icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-play-circle icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-play-circle icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-play-circle
+      <small>
+        <i class="icon-play-circle"></i> &middot;
+        Unicode: <span class="upper">f01d</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-play-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/play-sign/index.html b/3.2.1/icon/play-sign/index.html
similarity index 100%
rename from icon/play-sign/index.html
rename to 3.2.1/icon/play-sign/index.html
diff --git a/3.2.1/icon/play/index.html b/3.2.1/icon/play/index.html
new file mode 100644
index 000000000..79d140786
--- /dev/null
+++ b/3.2.1/icon/play/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-play icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-play icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-play icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-play icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-play icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-play
+      <small>
+        <i class="icon-play"></i> &middot;
+        Unicode: <span class="upper">f04b</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-play&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/plus-sign-alt/index.html b/3.2.1/icon/plus-sign-alt/index.html
similarity index 100%
rename from icon/plus-sign-alt/index.html
rename to 3.2.1/icon/plus-sign-alt/index.html
diff --git a/icon/plus-sign/index.html b/3.2.1/icon/plus-sign/index.html
similarity index 100%
rename from icon/plus-sign/index.html
rename to 3.2.1/icon/plus-sign/index.html
diff --git a/3.2.1/icon/plus/index.html b/3.2.1/icon/plus/index.html
new file mode 100644
index 000000000..13f2b25b1
--- /dev/null
+++ b/3.2.1/icon/plus/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-plus icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-plus icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-plus icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-plus icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-plus icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-plus
+      <small>
+        <i class="icon-plus"></i> &middot;
+        Unicode: <span class="upper">f067</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-plus&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/print/index.html b/3.2.1/icon/print/index.html
new file mode 100644
index 000000000..32740b8ca
--- /dev/null
+++ b/3.2.1/icon/print/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-print icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-print icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-print icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-print icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-print icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-print
+      <small>
+        <i class="icon-print"></i> &middot;
+        Unicode: <span class="upper">f02f</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-print&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/pushpin/index.html b/3.2.1/icon/pushpin/index.html
similarity index 100%
rename from icon/pushpin/index.html
rename to 3.2.1/icon/pushpin/index.html
diff --git a/3.2.1/icon/puzzle-piece/index.html b/3.2.1/icon/puzzle-piece/index.html
new file mode 100644
index 000000000..b0dd14237
--- /dev/null
+++ b/3.2.1/icon/puzzle-piece/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-puzzle-piece icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-puzzle-piece icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-puzzle-piece icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-puzzle-piece icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-puzzle-piece icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-puzzle-piece
+      <small>
+        <i class="icon-puzzle-piece"></i> &middot;
+        Unicode: <span class="upper">f12e</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-puzzle-piece&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/qrcode/index.html b/3.2.1/icon/qrcode/index.html
new file mode 100644
index 000000000..e3f6ed9ae
--- /dev/null
+++ b/3.2.1/icon/qrcode/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-qrcode icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-qrcode icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-qrcode icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-qrcode icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-qrcode icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-qrcode
+      <small>
+        <i class="icon-qrcode"></i> &middot;
+        Unicode: <span class="upper">f029</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-qrcode&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/question-sign/index.html b/3.2.1/icon/question-sign/index.html
similarity index 100%
rename from icon/question-sign/index.html
rename to 3.2.1/icon/question-sign/index.html
diff --git a/3.2.1/icon/question/index.html b/3.2.1/icon/question/index.html
new file mode 100644
index 000000000..45b2e299b
--- /dev/null
+++ b/3.2.1/icon/question/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-question icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-question icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-question icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-question icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-question icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-question
+      <small>
+        <i class="icon-question"></i> &middot;
+        Unicode: <span class="upper">f128</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-question&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/quote-left/index.html b/3.2.1/icon/quote-left/index.html
new file mode 100644
index 000000000..e3c3f208e
--- /dev/null
+++ b/3.2.1/icon/quote-left/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-quote-left icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-quote-left icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-quote-left icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-quote-left icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-quote-left icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-quote-left
+      <small>
+        <i class="icon-quote-left"></i> &middot;
+        Unicode: <span class="upper">f10d</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-quote-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/quote-right/index.html b/3.2.1/icon/quote-right/index.html
new file mode 100644
index 000000000..c3f4d8ecc
--- /dev/null
+++ b/3.2.1/icon/quote-right/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-quote-right icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-quote-right icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-quote-right icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-quote-right icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-quote-right icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-quote-right
+      <small>
+        <i class="icon-quote-right"></i> &middot;
+        Unicode: <span class="upper">f10e</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-quote-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/random/index.html b/3.2.1/icon/random/index.html
new file mode 100644
index 000000000..0d20d95bf
--- /dev/null
+++ b/3.2.1/icon/random/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-random icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-random icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-random icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-random icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-random icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-random
+      <small>
+        <i class="icon-random"></i> &middot;
+        Unicode: <span class="upper">f074</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-random&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/refresh/index.html b/3.2.1/icon/refresh/index.html
new file mode 100644
index 000000000..2b21bd5fb
--- /dev/null
+++ b/3.2.1/icon/refresh/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-refresh icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-refresh icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-refresh icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-refresh icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-refresh icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-refresh
+      <small>
+        <i class="icon-refresh"></i> &middot;
+        Unicode: <span class="upper">f021</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-refresh&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/remove-circle/index.html b/3.2.1/icon/remove-circle/index.html
similarity index 100%
rename from icon/remove-circle/index.html
rename to 3.2.1/icon/remove-circle/index.html
diff --git a/icon/remove-sign/index.html b/3.2.1/icon/remove-sign/index.html
similarity index 100%
rename from icon/remove-sign/index.html
rename to 3.2.1/icon/remove-sign/index.html
diff --git a/icon/remove/index.html b/3.2.1/icon/remove/index.html
similarity index 100%
rename from icon/remove/index.html
rename to 3.2.1/icon/remove/index.html
diff --git a/3.2.1/icon/renren/index.html b/3.2.1/icon/renren/index.html
new file mode 100644
index 000000000..e77e2fed4
--- /dev/null
+++ b/3.2.1/icon/renren/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-renren icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-renren icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-renren icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-renren icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-renren icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-renren
+      <small>
+        <i class="icon-renren"></i> &middot;
+        Unicode: <span class="upper">f18b</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-renren&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/reorder/index.html b/3.2.1/icon/reorder/index.html
new file mode 100644
index 000000000..5ec292581
--- /dev/null
+++ b/3.2.1/icon/reorder/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-reorder icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-reorder icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-reorder icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-reorder icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-reorder icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-reorder
+      <small>
+        <i class="icon-reorder"></i> &middot;
+        Unicode: <span class="upper">f0c9</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-reorder&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/repeat/index.html b/3.2.1/icon/repeat/index.html
new file mode 100644
index 000000000..1f32a2473
--- /dev/null
+++ b/3.2.1/icon/repeat/index.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-repeat icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-repeat icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-repeat icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-repeat icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-repeat icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-repeat
+      <small>
+        <i class="icon-repeat"></i> &middot;
+        Unicode: <span class="upper">f01e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; 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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-repeat&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/reply-all/index.html b/3.2.1/icon/reply-all/index.html
new file mode 100644
index 000000000..c7da49619
--- /dev/null
+++ b/3.2.1/icon/reply-all/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-reply-all icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-reply-all icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-reply-all icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-reply-all icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-reply-all icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-reply-all
+      <small>
+        <i class="icon-reply-all"></i> &middot;
+        Unicode: <span class="upper">f122</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-reply-all&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/reply/index.html b/3.2.1/icon/reply/index.html
new file mode 100644
index 000000000..d8dff552a
--- /dev/null
+++ b/3.2.1/icon/reply/index.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-reply icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-reply icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-reply icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-reply icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-reply icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-reply
+      <small>
+        <i class="icon-reply"></i> &middot;
+        Unicode: <span class="upper">f112</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; 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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-reply&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/resize-full/index.html b/3.2.1/icon/resize-full/index.html
new file mode 100644
index 000000000..d22857883
--- /dev/null
+++ b/3.2.1/icon/resize-full/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-resize-full icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-resize-full icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-resize-full icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-resize-full icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-resize-full icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-resize-full
+      <small>
+        <i class="icon-resize-full"></i> &middot;
+        Unicode: <span class="upper">f065</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-resize-full&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/resize-horizontal/index.html b/3.2.1/icon/resize-horizontal/index.html
new file mode 100644
index 000000000..1c0de39a3
--- /dev/null
+++ b/3.2.1/icon/resize-horizontal/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-resize-horizontal icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-resize-horizontal icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-resize-horizontal icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-resize-horizontal icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-resize-horizontal icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-resize-horizontal
+      <small>
+        <i class="icon-resize-horizontal"></i> &middot;
+        Unicode: <span class="upper">f07e</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-resize-horizontal&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/resize-small/index.html b/3.2.1/icon/resize-small/index.html
new file mode 100644
index 000000000..728efe3a3
--- /dev/null
+++ b/3.2.1/icon/resize-small/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-resize-small icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-resize-small icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-resize-small icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-resize-small icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-resize-small icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-resize-small
+      <small>
+        <i class="icon-resize-small"></i> &middot;
+        Unicode: <span class="upper">f066</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-resize-small&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/resize-vertical/index.html b/3.2.1/icon/resize-vertical/index.html
new file mode 100644
index 000000000..dcc9e3fea
--- /dev/null
+++ b/3.2.1/icon/resize-vertical/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-resize-vertical icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-resize-vertical icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-resize-vertical icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-resize-vertical icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-resize-vertical icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-resize-vertical
+      <small>
+        <i class="icon-resize-vertical"></i> &middot;
+        Unicode: <span class="upper">f07d</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-resize-vertical&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/retweet/index.html b/3.2.1/icon/retweet/index.html
new file mode 100644
index 000000000..3e4eebde2
--- /dev/null
+++ b/3.2.1/icon/retweet/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-retweet icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-retweet icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-retweet icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-retweet icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-retweet icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-retweet
+      <small>
+        <i class="icon-retweet"></i> &middot;
+        Unicode: <span class="upper">f079</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-retweet&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/road/index.html b/3.2.1/icon/road/index.html
new file mode 100644
index 000000000..f5d17355e
--- /dev/null
+++ b/3.2.1/icon/road/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-road icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-road icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-road icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-road icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-road icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-road
+      <small>
+        <i class="icon-road"></i> &middot;
+        Unicode: <span class="upper">f018</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-road&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/rocket/index.html b/3.2.1/icon/rocket/index.html
new file mode 100644
index 000000000..cfbb04acf
--- /dev/null
+++ b/3.2.1/icon/rocket/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-rocket icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-rocket icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-rocket icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-rocket icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-rocket icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-rocket
+      <small>
+        <i class="icon-rocket"></i> &middot;
+        Unicode: <span class="upper">f135</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-rocket&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/rss-sign/index.html b/3.2.1/icon/rss-sign/index.html
similarity index 100%
rename from icon/rss-sign/index.html
rename to 3.2.1/icon/rss-sign/index.html
diff --git a/3.2.1/icon/rss/index.html b/3.2.1/icon/rss/index.html
new file mode 100644
index 000000000..86404f591
--- /dev/null
+++ b/3.2.1/icon/rss/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-rss icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-rss icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-rss icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-rss icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-rss icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-rss
+      <small>
+        <i class="icon-rss"></i> &middot;
+        Unicode: <span class="upper">f09e</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-rss&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/save/index.html b/3.2.1/icon/save/index.html
similarity index 100%
rename from icon/save/index.html
rename to 3.2.1/icon/save/index.html
diff --git a/icon/screenshot/index.html b/3.2.1/icon/screenshot/index.html
similarity index 100%
rename from icon/screenshot/index.html
rename to 3.2.1/icon/screenshot/index.html
diff --git a/3.2.1/icon/search/index.html b/3.2.1/icon/search/index.html
new file mode 100644
index 000000000..dfe279a90
--- /dev/null
+++ b/3.2.1/icon/search/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-search icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-search icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-search icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-search icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-search icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-search
+      <small>
+        <i class="icon-search"></i> &middot;
+        Unicode: <span class="upper">f002</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-search&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/share-alt/index.html b/3.2.1/icon/share-alt/index.html
similarity index 100%
rename from icon/share-alt/index.html
rename to 3.2.1/icon/share-alt/index.html
diff --git a/icon/share-sign/index.html b/3.2.1/icon/share-sign/index.html
similarity index 100%
rename from icon/share-sign/index.html
rename to 3.2.1/icon/share-sign/index.html
diff --git a/3.2.1/icon/share/index.html b/3.2.1/icon/share/index.html
new file mode 100644
index 000000000..310604ded
--- /dev/null
+++ b/3.2.1/icon/share/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-share icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-share icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-share icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-share icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-share icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-share
+      <small>
+        <i class="icon-share"></i> &middot;
+        Unicode: <span class="upper">f045</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-share&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/shield/index.html b/3.2.1/icon/shield/index.html
new file mode 100644
index 000000000..f5e38a56b
--- /dev/null
+++ b/3.2.1/icon/shield/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-shield icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-shield icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-shield icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-shield icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-shield icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-shield
+      <small>
+        <i class="icon-shield"></i> &middot;
+        Unicode: <span class="upper">f132</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/shopping-cart/index.html b/3.2.1/icon/shopping-cart/index.html
new file mode 100644
index 000000000..e13eb4ae7
--- /dev/null
+++ b/3.2.1/icon/shopping-cart/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-shopping-cart icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-shopping-cart icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-shopping-cart icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-shopping-cart icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-shopping-cart icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-shopping-cart
+      <small>
+        <i class="icon-shopping-cart"></i> &middot;
+        Unicode: <span class="upper">f07a</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shopping-cart&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/sign-blank/index.html b/3.2.1/icon/sign-blank/index.html
similarity index 100%
rename from icon/sign-blank/index.html
rename to 3.2.1/icon/sign-blank/index.html
diff --git a/3.2.1/icon/signal/index.html b/3.2.1/icon/signal/index.html
new file mode 100644
index 000000000..cb7688c92
--- /dev/null
+++ b/3.2.1/icon/signal/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-signal icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-signal icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-signal icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-signal icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-signal icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-signal
+      <small>
+        <i class="icon-signal"></i> &middot;
+        Unicode: <span class="upper">f012</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-signal&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/signin/index.html b/3.2.1/icon/signin/index.html
similarity index 100%
rename from icon/signin/index.html
rename to 3.2.1/icon/signin/index.html
diff --git a/icon/signout/index.html b/3.2.1/icon/signout/index.html
similarity index 100%
rename from icon/signout/index.html
rename to 3.2.1/icon/signout/index.html
diff --git a/3.2.1/icon/sitemap/index.html b/3.2.1/icon/sitemap/index.html
new file mode 100644
index 000000000..297b3bf08
--- /dev/null
+++ b/3.2.1/icon/sitemap/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-sitemap icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-sitemap icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-sitemap icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-sitemap icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-sitemap icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-sitemap
+      <small>
+        <i class="icon-sitemap"></i> &middot;
+        Unicode: <span class="upper">f0e8</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-sitemap&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/skype/index.html b/3.2.1/icon/skype/index.html
new file mode 100644
index 000000000..857fbc921
--- /dev/null
+++ b/3.2.1/icon/skype/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-skype icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-skype icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-skype icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-skype icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-skype icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-skype
+      <small>
+        <i class="icon-skype"></i> &middot;
+        Unicode: <span class="upper">f17e</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-skype&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/smile/index.html b/3.2.1/icon/smile/index.html
similarity index 100%
rename from icon/smile/index.html
rename to 3.2.1/icon/smile/index.html
diff --git a/icon/sort-by-alphabet-alt/index.html b/3.2.1/icon/sort-by-alphabet-alt/index.html
similarity index 100%
rename from icon/sort-by-alphabet-alt/index.html
rename to 3.2.1/icon/sort-by-alphabet-alt/index.html
diff --git a/icon/sort-by-alphabet/index.html b/3.2.1/icon/sort-by-alphabet/index.html
similarity index 100%
rename from icon/sort-by-alphabet/index.html
rename to 3.2.1/icon/sort-by-alphabet/index.html
diff --git a/icon/sort-by-attributes-alt/index.html b/3.2.1/icon/sort-by-attributes-alt/index.html
similarity index 100%
rename from icon/sort-by-attributes-alt/index.html
rename to 3.2.1/icon/sort-by-attributes-alt/index.html
diff --git a/icon/sort-by-attributes/index.html b/3.2.1/icon/sort-by-attributes/index.html
similarity index 100%
rename from icon/sort-by-attributes/index.html
rename to 3.2.1/icon/sort-by-attributes/index.html
diff --git a/icon/sort-by-order-alt/index.html b/3.2.1/icon/sort-by-order-alt/index.html
similarity index 100%
rename from icon/sort-by-order-alt/index.html
rename to 3.2.1/icon/sort-by-order-alt/index.html
diff --git a/icon/sort-by-order/index.html b/3.2.1/icon/sort-by-order/index.html
similarity index 100%
rename from icon/sort-by-order/index.html
rename to 3.2.1/icon/sort-by-order/index.html
diff --git a/icon/sort-down/index.html b/3.2.1/icon/sort-down/index.html
similarity index 100%
rename from icon/sort-down/index.html
rename to 3.2.1/icon/sort-down/index.html
diff --git a/icon/sort-up/index.html b/3.2.1/icon/sort-up/index.html
similarity index 100%
rename from icon/sort-up/index.html
rename to 3.2.1/icon/sort-up/index.html
diff --git a/3.2.1/icon/sort/index.html b/3.2.1/icon/sort/index.html
new file mode 100644
index 000000000..566ee7077
--- /dev/null
+++ b/3.2.1/icon/sort/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-sort icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-sort icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-sort icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-sort icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-sort icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-sort
+      <small>
+        <i class="icon-sort"></i> &middot;
+        Unicode: <span class="upper">f0dc</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-sort&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/spinner/index.html b/3.2.1/icon/spinner/index.html
new file mode 100644
index 000000000..2cf9147f4
--- /dev/null
+++ b/3.2.1/icon/spinner/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-spinner icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-spinner icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-spinner icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-spinner icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-spinner icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-spinner
+      <small>
+        <i class="icon-spinner"></i> &middot;
+        Unicode: <span class="upper">f110</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-spinner&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/stackexchange/index.html b/3.2.1/icon/stackexchange/index.html
similarity index 100%
rename from icon/stackexchange/index.html
rename to 3.2.1/icon/stackexchange/index.html
diff --git a/icon/star-empty/index.html b/3.2.1/icon/star-empty/index.html
similarity index 100%
rename from icon/star-empty/index.html
rename to 3.2.1/icon/star-empty/index.html
diff --git a/icon/star-half-empty/index.html b/3.2.1/icon/star-half-empty/index.html
similarity index 100%
rename from icon/star-half-empty/index.html
rename to 3.2.1/icon/star-half-empty/index.html
diff --git a/3.2.1/icon/star-half/index.html b/3.2.1/icon/star-half/index.html
new file mode 100644
index 000000000..efd0ac180
--- /dev/null
+++ b/3.2.1/icon/star-half/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-star-half icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-star-half icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-star-half icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-star-half icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-star-half icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-star-half
+      <small>
+        <i class="icon-star-half"></i> &middot;
+        Unicode: <span class="upper">f089</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-star-half&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/star/index.html b/3.2.1/icon/star/index.html
new file mode 100644
index 000000000..e61f90c8a
--- /dev/null
+++ b/3.2.1/icon/star/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-star icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-star icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-star icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-star icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-star icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-star
+      <small>
+        <i class="icon-star"></i> &middot;
+        Unicode: <span class="upper">f005</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-star&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/step-backward/index.html b/3.2.1/icon/step-backward/index.html
new file mode 100644
index 000000000..578fd703a
--- /dev/null
+++ b/3.2.1/icon/step-backward/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-step-backward icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-step-backward icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-step-backward icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-step-backward icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-step-backward icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-step-backward
+      <small>
+        <i class="icon-step-backward"></i> &middot;
+        Unicode: <span class="upper">f048</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-step-backward&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/step-forward/index.html b/3.2.1/icon/step-forward/index.html
new file mode 100644
index 000000000..cce1bd4fb
--- /dev/null
+++ b/3.2.1/icon/step-forward/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-step-forward icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-step-forward icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-step-forward icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-step-forward icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-step-forward icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-step-forward
+      <small>
+        <i class="icon-step-forward"></i> &middot;
+        Unicode: <span class="upper">f051</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-step-forward&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/stethoscope/index.html b/3.2.1/icon/stethoscope/index.html
new file mode 100644
index 000000000..86c152710
--- /dev/null
+++ b/3.2.1/icon/stethoscope/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-stethoscope icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-stethoscope icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-stethoscope icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-stethoscope icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-stethoscope icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-stethoscope
+      <small>
+        <i class="icon-stethoscope"></i> &middot;
+        Unicode: <span class="upper">f0f1</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-stethoscope&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/stop/index.html b/3.2.1/icon/stop/index.html
new file mode 100644
index 000000000..6de86574e
--- /dev/null
+++ b/3.2.1/icon/stop/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-stop icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-stop icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-stop icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-stop icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-stop icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-stop
+      <small>
+        <i class="icon-stop"></i> &middot;
+        Unicode: <span class="upper">f04d</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-stop&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/strikethrough/index.html b/3.2.1/icon/strikethrough/index.html
new file mode 100644
index 000000000..368d80432
--- /dev/null
+++ b/3.2.1/icon/strikethrough/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-strikethrough icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-strikethrough icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-strikethrough icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-strikethrough icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-strikethrough icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-strikethrough
+      <small>
+        <i class="icon-strikethrough"></i> &middot;
+        Unicode: <span class="upper">f0cc</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-strikethrough&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/subscript/index.html b/3.2.1/icon/subscript/index.html
new file mode 100644
index 000000000..1310be1e6
--- /dev/null
+++ b/3.2.1/icon/subscript/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-subscript icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-subscript icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-subscript icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-subscript icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-subscript icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-subscript
+      <small>
+        <i class="icon-subscript"></i> &middot;
+        Unicode: <span class="upper">f12c</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-subscript&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/suitcase/index.html b/3.2.1/icon/suitcase/index.html
new file mode 100644
index 000000000..320ecf886
--- /dev/null
+++ b/3.2.1/icon/suitcase/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-suitcase icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-suitcase icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-suitcase icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-suitcase icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-suitcase icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-suitcase
+      <small>
+        <i class="icon-suitcase"></i> &middot;
+        Unicode: <span class="upper">f0f2</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-suitcase&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/sun/index.html b/3.2.1/icon/sun/index.html
similarity index 100%
rename from icon/sun/index.html
rename to 3.2.1/icon/sun/index.html
diff --git a/3.2.1/icon/superscript/index.html b/3.2.1/icon/superscript/index.html
new file mode 100644
index 000000000..69b333d9a
--- /dev/null
+++ b/3.2.1/icon/superscript/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-superscript icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-superscript icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-superscript icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-superscript icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-superscript icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-superscript
+      <small>
+        <i class="icon-superscript"></i> &middot;
+        Unicode: <span class="upper">f12b</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-superscript&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/table/index.html b/3.2.1/icon/table/index.html
new file mode 100644
index 000000000..86b2ad16c
--- /dev/null
+++ b/3.2.1/icon/table/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-table icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-table icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-table icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-table icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-table icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-table
+      <small>
+        <i class="icon-table"></i> &middot;
+        Unicode: <span class="upper">f0ce</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-table&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/tablet/index.html b/3.2.1/icon/tablet/index.html
new file mode 100644
index 000000000..529db7aa0
--- /dev/null
+++ b/3.2.1/icon/tablet/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-tablet icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-tablet icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-tablet icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-tablet icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-tablet icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-tablet
+      <small>
+        <i class="icon-tablet"></i> &middot;
+        Unicode: <span class="upper">f10a</span> &middot;
+        Created: v3.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tablet&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/tag/index.html b/3.2.1/icon/tag/index.html
new file mode 100644
index 000000000..dc823f67e
--- /dev/null
+++ b/3.2.1/icon/tag/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-tag icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-tag icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-tag icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-tag icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-tag icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-tag
+      <small>
+        <i class="icon-tag"></i> &middot;
+        Unicode: <span class="upper">f02b</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tag&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/tags/index.html b/3.2.1/icon/tags/index.html
new file mode 100644
index 000000000..9d5f0b6d1
--- /dev/null
+++ b/3.2.1/icon/tags/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-tags icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-tags icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-tags icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-tags icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-tags icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-tags
+      <small>
+        <i class="icon-tags"></i> &middot;
+        Unicode: <span class="upper">f02c</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tags&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/tasks/index.html b/3.2.1/icon/tasks/index.html
new file mode 100644
index 000000000..5c232bd10
--- /dev/null
+++ b/3.2.1/icon/tasks/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-tasks icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-tasks icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-tasks icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-tasks icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-tasks icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-tasks
+      <small>
+        <i class="icon-tasks"></i> &middot;
+        Unicode: <span class="upper">f0ae</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tasks&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/terminal/index.html b/3.2.1/icon/terminal/index.html
new file mode 100644
index 000000000..b608e3fd2
--- /dev/null
+++ b/3.2.1/icon/terminal/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-terminal icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-terminal icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-terminal icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-terminal icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-terminal icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-terminal
+      <small>
+        <i class="icon-terminal"></i> &middot;
+        Unicode: <span class="upper">f120</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-terminal&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/text-height/index.html b/3.2.1/icon/text-height/index.html
new file mode 100644
index 000000000..3d7ccdee9
--- /dev/null
+++ b/3.2.1/icon/text-height/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-text-height icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-text-height icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-text-height icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-text-height icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-text-height icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-text-height
+      <small>
+        <i class="icon-text-height"></i> &middot;
+        Unicode: <span class="upper">f034</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-text-height&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/text-width/index.html b/3.2.1/icon/text-width/index.html
new file mode 100644
index 000000000..8a84f94fc
--- /dev/null
+++ b/3.2.1/icon/text-width/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-text-width icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-text-width icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-text-width icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-text-width icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-text-width icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-text-width
+      <small>
+        <i class="icon-text-width"></i> &middot;
+        Unicode: <span class="upper">f035</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-text-width&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/th-large/index.html b/3.2.1/icon/th-large/index.html
new file mode 100644
index 000000000..7eada0040
--- /dev/null
+++ b/3.2.1/icon/th-large/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-th-large icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-th-large icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-th-large icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-th-large icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-th-large icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-th-large
+      <small>
+        <i class="icon-th-large"></i> &middot;
+        Unicode: <span class="upper">f009</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-th-large&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/th-list/index.html b/3.2.1/icon/th-list/index.html
new file mode 100644
index 000000000..67fd825f7
--- /dev/null
+++ b/3.2.1/icon/th-list/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-th-list icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-th-list icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-th-list icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-th-list icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-th-list icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-th-list
+      <small>
+        <i class="icon-th-list"></i> &middot;
+        Unicode: <span class="upper">f00b</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-th-list&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/th/index.html b/3.2.1/icon/th/index.html
new file mode 100644
index 000000000..dd086a909
--- /dev/null
+++ b/3.2.1/icon/th/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-th icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-th icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-th icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-th icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-th icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-th
+      <small>
+        <i class="icon-th"></i> &middot;
+        Unicode: <span class="upper">f00a</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-th&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/thumbs-down-alt/index.html b/3.2.1/icon/thumbs-down-alt/index.html
similarity index 100%
rename from icon/thumbs-down-alt/index.html
rename to 3.2.1/icon/thumbs-down-alt/index.html
diff --git a/3.2.1/icon/thumbs-down/index.html b/3.2.1/icon/thumbs-down/index.html
new file mode 100644
index 000000000..401c9183f
--- /dev/null
+++ b/3.2.1/icon/thumbs-down/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-thumbs-down icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-thumbs-down icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-thumbs-down icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-thumbs-down icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-thumbs-down icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-thumbs-down
+      <small>
+        <i class="icon-thumbs-down"></i> &middot;
+        Unicode: <span class="upper">f165</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-thumbs-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/thumbs-up-alt/index.html b/3.2.1/icon/thumbs-up-alt/index.html
similarity index 100%
rename from icon/thumbs-up-alt/index.html
rename to 3.2.1/icon/thumbs-up-alt/index.html
diff --git a/3.2.1/icon/thumbs-up/index.html b/3.2.1/icon/thumbs-up/index.html
new file mode 100644
index 000000000..7c9fefe31
--- /dev/null
+++ b/3.2.1/icon/thumbs-up/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-thumbs-up icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-thumbs-up icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-thumbs-up icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-thumbs-up icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-thumbs-up icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-thumbs-up
+      <small>
+        <i class="icon-thumbs-up"></i> &middot;
+        Unicode: <span class="upper">f164</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-thumbs-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/ticket/index.html b/3.2.1/icon/ticket/index.html
new file mode 100644
index 000000000..333f55c36
--- /dev/null
+++ b/3.2.1/icon/ticket/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-ticket icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-ticket icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-ticket icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-ticket icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-ticket icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-ticket
+      <small>
+        <i class="icon-ticket"></i> &middot;
+        Unicode: <span class="upper">f145</span> &middot;
+        Created: v3.1 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-ticket&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/time/index.html b/3.2.1/icon/time/index.html
similarity index 100%
rename from icon/time/index.html
rename to 3.2.1/icon/time/index.html
diff --git a/3.2.1/icon/tint/index.html b/3.2.1/icon/tint/index.html
new file mode 100644
index 000000000..fb7a37587
--- /dev/null
+++ b/3.2.1/icon/tint/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-tint icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-tint icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-tint icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-tint icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-tint icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-tint
+      <small>
+        <i class="icon-tint"></i> &middot;
+        Unicode: <span class="upper">f043</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tint&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/trash/index.html b/3.2.1/icon/trash/index.html
similarity index 100%
rename from icon/trash/index.html
rename to 3.2.1/icon/trash/index.html
diff --git a/3.2.1/icon/trello/index.html b/3.2.1/icon/trello/index.html
new file mode 100644
index 000000000..0f3498d9e
--- /dev/null
+++ b/3.2.1/icon/trello/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-trello icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-trello icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-trello icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-trello icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-trello icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-trello
+      <small>
+        <i class="icon-trello"></i> &middot;
+        Unicode: <span class="upper">f181</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-trello&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/trophy/index.html b/3.2.1/icon/trophy/index.html
new file mode 100644
index 000000000..ecdd6ead8
--- /dev/null
+++ b/3.2.1/icon/trophy/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-trophy icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-trophy icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-trophy icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-trophy icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-trophy icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-trophy
+      <small>
+        <i class="icon-trophy"></i> &middot;
+        Unicode: <span class="upper">f091</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-trophy&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/truck/index.html b/3.2.1/icon/truck/index.html
new file mode 100644
index 000000000..158dc4731
--- /dev/null
+++ b/3.2.1/icon/truck/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-truck icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-truck icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-truck icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-truck icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-truck icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-truck
+      <small>
+        <i class="icon-truck"></i> &middot;
+        Unicode: <span class="upper">f0d1</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-truck&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/tumblr-sign/index.html b/3.2.1/icon/tumblr-sign/index.html
similarity index 100%
rename from icon/tumblr-sign/index.html
rename to 3.2.1/icon/tumblr-sign/index.html
diff --git a/3.2.1/icon/tumblr/index.html b/3.2.1/icon/tumblr/index.html
new file mode 100644
index 000000000..276c5131c
--- /dev/null
+++ b/3.2.1/icon/tumblr/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-tumblr icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-tumblr icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-tumblr icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-tumblr icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-tumblr icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-tumblr
+      <small>
+        <i class="icon-tumblr"></i> &middot;
+        Unicode: <span class="upper">f173</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tumblr&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/twitter-sign/index.html b/3.2.1/icon/twitter-sign/index.html
similarity index 100%
rename from icon/twitter-sign/index.html
rename to 3.2.1/icon/twitter-sign/index.html
diff --git a/3.2.1/icon/twitter/index.html b/3.2.1/icon/twitter/index.html
new file mode 100644
index 000000000..d07d9b160
--- /dev/null
+++ b/3.2.1/icon/twitter/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-twitter icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-twitter icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-twitter icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-twitter icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-twitter icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-twitter
+      <small>
+        <i class="icon-twitter"></i> &middot;
+        Unicode: <span class="upper">f099</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-twitter&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/umbrella/index.html b/3.2.1/icon/umbrella/index.html
new file mode 100644
index 000000000..9c54399c8
--- /dev/null
+++ b/3.2.1/icon/umbrella/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-umbrella icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-umbrella icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-umbrella icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-umbrella icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-umbrella icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-umbrella
+      <small>
+        <i class="icon-umbrella"></i> &middot;
+        Unicode: <span class="upper">f0e9</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-umbrella&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/underline/index.html b/3.2.1/icon/underline/index.html
new file mode 100644
index 000000000..3128eb4f3
--- /dev/null
+++ b/3.2.1/icon/underline/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-underline icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-underline icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-underline icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-underline icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-underline icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-underline
+      <small>
+        <i class="icon-underline"></i> &middot;
+        Unicode: <span class="upper">f0cd</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-underline&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/undo/index.html b/3.2.1/icon/undo/index.html
new file mode 100644
index 000000000..59e600cee
--- /dev/null
+++ b/3.2.1/icon/undo/index.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-undo icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-undo icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-undo icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-undo icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-undo icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-undo
+      <small>
+        <i class="icon-undo"></i> &middot;
+        Unicode: <span class="upper">f0e2</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; 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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-undo&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/unlink/index.html b/3.2.1/icon/unlink/index.html
similarity index 100%
rename from icon/unlink/index.html
rename to 3.2.1/icon/unlink/index.html
diff --git a/icon/unlock-alt/index.html b/3.2.1/icon/unlock-alt/index.html
similarity index 100%
rename from icon/unlock-alt/index.html
rename to 3.2.1/icon/unlock-alt/index.html
diff --git a/3.2.1/icon/unlock/index.html b/3.2.1/icon/unlock/index.html
new file mode 100644
index 000000000..0436dc039
--- /dev/null
+++ b/3.2.1/icon/unlock/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-unlock icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-unlock icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-unlock icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-unlock icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-unlock icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-unlock
+      <small>
+        <i class="icon-unlock"></i> &middot;
+        Unicode: <span class="upper">f09c</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-unlock&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/upload-alt/index.html b/3.2.1/icon/upload-alt/index.html
similarity index 100%
rename from icon/upload-alt/index.html
rename to 3.2.1/icon/upload-alt/index.html
diff --git a/3.2.1/icon/upload/index.html b/3.2.1/icon/upload/index.html
new file mode 100644
index 000000000..1a49e7837
--- /dev/null
+++ b/3.2.1/icon/upload/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-upload icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-upload icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-upload icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-upload icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-upload icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-upload
+      <small>
+        <i class="icon-upload"></i> &middot;
+        Unicode: <span class="upper">f01b</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-upload&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/usd/index.html b/3.2.1/icon/usd/index.html
new file mode 100644
index 000000000..36eb1dae6
--- /dev/null
+++ b/3.2.1/icon/usd/index.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-usd icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-usd icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-usd icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-usd icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-usd icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-usd
+      <small>
+        <i class="icon-usd"></i> &middot;
+        Unicode: <span class="upper">f155</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; 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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-usd&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/user-md/index.html b/3.2.1/icon/user-md/index.html
new file mode 100644
index 000000000..e8850dc3e
--- /dev/null
+++ b/3.2.1/icon/user-md/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-user-md icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-user-md icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-user-md icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-user-md icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-user-md icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-user-md
+      <small>
+        <i class="icon-user-md"></i> &middot;
+        Unicode: <span class="upper">f0f0</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-user-md&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/user/index.html b/3.2.1/icon/user/index.html
new file mode 100644
index 000000000..4fe72a21e
--- /dev/null
+++ b/3.2.1/icon/user/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-user icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-user icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-user icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-user icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-user icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-user
+      <small>
+        <i class="icon-user"></i> &middot;
+        Unicode: <span class="upper">f007</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-user&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/vk/index.html b/3.2.1/icon/vk/index.html
new file mode 100644
index 000000000..3c8f4e8c0
--- /dev/null
+++ b/3.2.1/icon/vk/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-vk icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-vk icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-vk icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-vk icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-vk icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-vk
+      <small>
+        <i class="icon-vk"></i> &middot;
+        Unicode: <span class="upper">f189</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-vk&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/volume-down/index.html b/3.2.1/icon/volume-down/index.html
new file mode 100644
index 000000000..8c538de50
--- /dev/null
+++ b/3.2.1/icon/volume-down/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-volume-down icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-volume-down icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-volume-down icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-volume-down icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-volume-down icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-volume-down
+      <small>
+        <i class="icon-volume-down"></i> &middot;
+        Unicode: <span class="upper">f027</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-volume-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/volume-off/index.html b/3.2.1/icon/volume-off/index.html
new file mode 100644
index 000000000..f00e21634
--- /dev/null
+++ b/3.2.1/icon/volume-off/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-volume-off icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-volume-off icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-volume-off icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-volume-off icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-volume-off icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-volume-off
+      <small>
+        <i class="icon-volume-off"></i> &middot;
+        Unicode: <span class="upper">f026</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-volume-off&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/volume-up/index.html b/3.2.1/icon/volume-up/index.html
new file mode 100644
index 000000000..8157eddf2
--- /dev/null
+++ b/3.2.1/icon/volume-up/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-volume-up icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-volume-up icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-volume-up icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-volume-up icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-volume-up icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-volume-up
+      <small>
+        <i class="icon-volume-up"></i> &middot;
+        Unicode: <span class="upper">f028</span> &middot;
+        Created: v1.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-volume-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/warning-sign/index.html b/3.2.1/icon/warning-sign/index.html
similarity index 100%
rename from icon/warning-sign/index.html
rename to 3.2.1/icon/warning-sign/index.html
diff --git a/3.2.1/icon/weibo/index.html b/3.2.1/icon/weibo/index.html
new file mode 100644
index 000000000..f76ed2a62
--- /dev/null
+++ b/3.2.1/icon/weibo/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-weibo icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-weibo icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-weibo icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-weibo icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-weibo icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-weibo
+      <small>
+        <i class="icon-weibo"></i> &middot;
+        Unicode: <span class="upper">f18a</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-weibo&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/windows/index.html b/3.2.1/icon/windows/index.html
new file mode 100644
index 000000000..7513f5ac1
--- /dev/null
+++ b/3.2.1/icon/windows/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-windows icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-windows icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-windows icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-windows icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-windows icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-windows
+      <small>
+        <i class="icon-windows"></i> &middot;
+        Unicode: <span class="upper">f17a</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-windows&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/wrench/index.html b/3.2.1/icon/wrench/index.html
new file mode 100644
index 000000000..6562caad3
--- /dev/null
+++ b/3.2.1/icon/wrench/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-wrench icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-wrench icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-wrench icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-wrench icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-wrench icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-wrench
+      <small>
+        <i class="icon-wrench"></i> &middot;
+        Unicode: <span class="upper">f0ad</span> &middot;
+        Created: v2.0 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-wrench&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/xing-sign/index.html b/3.2.1/icon/xing-sign/index.html
similarity index 100%
rename from icon/xing-sign/index.html
rename to 3.2.1/icon/xing-sign/index.html
diff --git a/3.2.1/icon/xing/index.html b/3.2.1/icon/xing/index.html
new file mode 100644
index 000000000..68aa1532a
--- /dev/null
+++ b/3.2.1/icon/xing/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-xing icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-xing icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-xing icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-xing icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-xing icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-xing
+      <small>
+        <i class="icon-xing"></i> &middot;
+        Unicode: <span class="upper">f168</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-xing&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/icon/youtube-play/index.html b/3.2.1/icon/youtube-play/index.html
new file mode 100644
index 000000000..60874dd5c
--- /dev/null
+++ b/3.2.1/icon/youtube-play/index.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-youtube-play icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-youtube-play icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-youtube-play icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-youtube-play icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-youtube-play icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-youtube-play
+      <small>
+        <i class="icon-youtube-play"></i> &middot;
+        Unicode: <span class="upper">f16a</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-youtube-play&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/youtube-sign/index.html b/3.2.1/icon/youtube-sign/index.html
similarity index 100%
rename from icon/youtube-sign/index.html
rename to 3.2.1/icon/youtube-sign/index.html
diff --git a/3.2.1/icon/youtube/index.html b/3.2.1/icon/youtube/index.html
new file mode 100644
index 000000000..51ec01c8d
--- /dev/null
+++ b/3.2.1/icon/youtube/index.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte 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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../../examples/#new-styles">New Styles</a></li>
+              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../../examples/#buttons">Buttons</a></li>
+              <li><a href="../../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../../examples/#navigation">Navigation</a></li>
+              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../../examples/#stacked">Stacked</a></li>
+              <li><a href="../../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../../community/">Community</a></li>
+          <li><a href="../../license/">License</a></li>
+        </ul>
+        <ul class="nav pull-right">
+          <li><a href="http://blog.fontawesome.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>&nbsp;&nbsp;
+      <span class="hidden-phone">
+        <i class="icon-youtube icon-5"></i>&nbsp;&nbsp;
+        <span class="hidden-tablet"><i class="icon-youtube icon-4"></i>&nbsp;&nbsp;</span>
+        <i class="icon-youtube icon-3"></i>&nbsp;&nbsp;
+        <i class="icon-youtube icon-2"></i>&nbsp;
+      </span>
+      <i class="icon-youtube icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-youtube
+      <small>
+        <i class="icon-youtube"></i> &middot;
+        Unicode: <span class="upper">f167</span> &middot;
+        Created: v3.2 &middot;
+        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>&lt;i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-youtube&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/zoom-in/index.html b/3.2.1/icon/zoom-in/index.html
similarity index 100%
rename from icon/zoom-in/index.html
rename to 3.2.1/icon/zoom-in/index.html
diff --git a/icon/zoom-out/index.html b/3.2.1/icon/zoom-out/index.html
similarity index 100%
rename from icon/zoom-out/index.html
rename to 3.2.1/icon/zoom-out/index.html
diff --git a/3.2.1/icons.yml b/3.2.1/icons.yml
new file mode 100755
index 000000000..c3c8f531a
--- /dev/null
+++ b/3.2.1/icons.yml
@@ -0,0 +1,2590 @@
+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
diff --git a/3.2.1/icons/index.html b/3.2.1/icons/index.html
new file mode 100644
index 000000000..779f024fb
--- /dev/null
+++ b/3.2.1/icons/index.html
@@ -0,0 +1,1202 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (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 Icons</title>
+  <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
+  <meta name="author" content="Dave Gandy">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
+
+  <!--[if lt IE 9]>
+  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+  <![endif]-->
+
+  <!-- CSS
+ ================================================== -->
+
+  <link rel="stylesheet" href="../assets/css/site.css">
+  <link rel="stylesheet" href="../assets/css/pygments.css">
+  <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
+  <!--[if IE 7]>
+  <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+  <![endif]-->
+  <!-- Le fav and touch icons -->
+  <link rel="shortcut icon" href="../assets/ico/favicon.ico">
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body data-spy="scroll" data-target=".navbar">
+<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <div class="navbar-inner">
+    <div class="container">
+      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </a>
+
+      <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
+      <div class="nav-collapse collapse">
+        <ul class="nav">
+          <li class="hidden-tablet "><a href="../">Home</a></li>
+          <li><a href="../get-started/">Get Started</a></li>
+          <li class="dropdown-split-left active"><a href="../icons/">Icons</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="../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../examples/#new-styles">New Styles</a></li>
+              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../examples/#buttons">Buttons</a></li>
+              <li><a href="../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../examples/#navigation">Navigation</a></li>
+              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../examples/#stacked">Stacked</a></li>
+              <li><a href="../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../community/">Community</a></li>
+          <li><a href="../license/">License</a></li>
+        </ul>
+        <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-flag icon-large"></i>&nbsp; The Icons</h1>
+    <p>The complete set of 361 icons in Font Awesome 3.2.1</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">
+  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>.
+  <!--The ever-expanding list of Font Awesome 3.2.1 icons.-->
+  Need vectors or want to use on the desktop? Check the <a href="../cheatsheet/">cheatsheet</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">
+  <h2 class="page-header">New Icons in 3.2</h2>
+  
+
+  <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>
+
+</div>
+
+<section id="web-application">
+  <h2 class="page-header">Web Application Icons</h2>
+
+  <div class="row the-icons">
+    
+
+    
+      <div class="span3"><a href="../icon/adjust"><i class="icon-adjust"></i> icon-adjust</a></div>
+    
+      <div class="span3"><a href="../icon/anchor"><i class="icon-anchor"></i> icon-anchor</a></div>
+    
+      <div class="span3"><a href="../icon/archive"><i class="icon-archive"></i> icon-archive</a></div>
+    
+      <div class="span3"><a href="../icon/asterisk"><i class="icon-asterisk"></i> icon-asterisk</a></div>
+    
+      <div class="span3"><a href="../icon/ban-circle"><i class="icon-ban-circle"></i> icon-ban-circle</a></div>
+    
+      <div class="span3"><a href="../icon/bar-chart"><i class="icon-bar-chart"></i> icon-bar-chart</a></div>
+    
+      <div class="span3"><a href="../icon/barcode"><i class="icon-barcode"></i> icon-barcode</a></div>
+    
+      <div class="span3"><a href="../icon/beaker"><i class="icon-beaker"></i> icon-beaker</a></div>
+    
+      <div class="span3"><a href="../icon/beer"><i class="icon-beer"></i> icon-beer</a></div>
+    
+      <div class="span3"><a href="../icon/bell"><i class="icon-bell"></i> icon-bell</a></div>
+    
+      <div class="span3"><a href="../icon/bell-alt"><i class="icon-bell-alt"></i> icon-bell-alt</a></div>
+    
+      <div class="span3"><a href="../icon/bolt"><i class="icon-bolt"></i> icon-bolt</a></div>
+    
+      <div class="span3"><a href="../icon/book"><i class="icon-book"></i> icon-book</a></div>
+    
+      <div class="span3"><a href="../icon/bookmark"><i class="icon-bookmark"></i> icon-bookmark</a></div>
+    
+      <div class="span3"><a href="../icon/bookmark-empty"><i class="icon-bookmark-empty"></i> icon-bookmark-empty</a></div>
+    
+      <div class="span3"><a href="../icon/briefcase"><i class="icon-briefcase"></i> icon-briefcase</a></div>
+    
+      <div class="span3"><a href="../icon/bug"><i class="icon-bug"></i> icon-bug</a></div>
+    
+      <div class="span3"><a href="../icon/building"><i class="icon-building"></i> icon-building</a></div>
+    
+      <div class="span3"><a href="../icon/bullhorn"><i class="icon-bullhorn"></i> icon-bullhorn</a></div>
+    
+      <div class="span3"><a href="../icon/bullseye"><i class="icon-bullseye"></i> icon-bullseye</a></div>
+    
+      <div class="span3"><a href="../icon/calendar"><i class="icon-calendar"></i> icon-calendar</a></div>
+    
+      <div class="span3"><a href="../icon/calendar-empty"><i class="icon-calendar-empty"></i> icon-calendar-empty</a></div>
+    
+      <div class="span3"><a href="../icon/camera"><i class="icon-camera"></i> icon-camera</a></div>
+    
+      <div class="span3"><a href="../icon/camera-retro"><i class="icon-camera-retro"></i> icon-camera-retro</a></div>
+    
+      <div class="span3"><a href="../icon/certificate"><i class="icon-certificate"></i> icon-certificate</a></div>
+    
+      <div class="span3"><a href="../icon/check"><i class="icon-check"></i> icon-check</a></div>
+    
+      <div class="span3"><a href="../icon/check-empty"><i class="icon-check-empty"></i> icon-check-empty</a></div>
+    
+      <div class="span3"><a href="../icon/check-minus"><i class="icon-check-minus"></i> icon-check-minus</a></div>
+    
+      <div class="span3"><a href="../icon/check-sign"><i class="icon-check-sign"></i> icon-check-sign</a></div>
+    
+      <div class="span3"><a href="../icon/circle"><i class="icon-circle"></i> icon-circle</a></div>
+    
+      <div class="span3"><a href="../icon/circle-blank"><i class="icon-circle-blank"></i> icon-circle-blank</a></div>
+    
+      <div class="span3"><a href="../icon/cloud"><i class="icon-cloud"></i> icon-cloud</a></div>
+    
+      <div class="span3"><a href="../icon/cloud-download"><i class="icon-cloud-download"></i> icon-cloud-download</a></div>
+    
+      <div class="span3"><a href="../icon/cloud-upload"><i class="icon-cloud-upload"></i> icon-cloud-upload</a></div>
+    
+      <div class="span3"><a href="../icon/code"><i class="icon-code"></i> icon-code</a></div>
+    
+      <div class="span3"><a href="../icon/code-fork"><i class="icon-code-fork"></i> icon-code-fork</a></div>
+    
+      <div class="span3"><a href="../icon/coffee"><i class="icon-coffee"></i> icon-coffee</a></div>
+    
+      <div class="span3"><a href="../icon/cog"><i class="icon-cog"></i> icon-cog</a></div>
+    
+      <div class="span3"><a href="../icon/cogs"><i class="icon-cogs"></i> icon-cogs</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-alt"><i class="icon-collapse-alt"></i> icon-collapse-alt</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/comment"><i class="icon-comment"></i> icon-comment</a></div>
+    
+      <div class="span3"><a href="../icon/comment-alt"><i class="icon-comment-alt"></i> icon-comment-alt</a></div>
+    
+      <div class="span3"><a href="../icon/comments"><i class="icon-comments"></i> icon-comments</a></div>
+    
+      <div class="span3"><a href="../icon/comments-alt"><i class="icon-comments-alt"></i> icon-comments-alt</a></div>
+    
+      <div class="span3"><a href="../icon/compass"><i class="icon-compass"></i> icon-compass</a></div>
+    
+      <div class="span3"><a href="../icon/credit-card"><i class="icon-credit-card"></i> icon-credit-card</a></div>
+    
+      <div class="span3"><a href="../icon/crop"><i class="icon-crop"></i> icon-crop</a></div>
+    
+      <div class="span3"><a href="../icon/dashboard"><i class="icon-dashboard"></i> icon-dashboard</a></div>
+    
+      <div class="span3"><a href="../icon/desktop"><i class="icon-desktop"></i> icon-desktop</a></div>
+    
+      <div class="span3"><a href="../icon/download"><i class="icon-download"></i> icon-download</a></div>
+    
+      <div class="span3"><a href="../icon/download-alt"><i class="icon-download-alt"></i> icon-download-alt</a></div>
+    
+      <div class="span3"><a href="../icon/edit"><i class="icon-edit"></i> icon-edit</a></div>
+    
+      <div class="span3"><a href="../icon/edit-sign"><i class="icon-edit-sign"></i> icon-edit-sign</a></div>
+    
+      <div class="span3"><a href="../icon/ellipsis-horizontal"><i class="icon-ellipsis-horizontal"></i> icon-ellipsis-horizontal</a></div>
+    
+      <div class="span3"><a href="../icon/ellipsis-vertical"><i class="icon-ellipsis-vertical"></i> icon-ellipsis-vertical</a></div>
+    
+      <div class="span3"><a href="../icon/envelope"><i class="icon-envelope"></i> icon-envelope</a></div>
+    
+      <div class="span3"><a href="../icon/envelope-alt"><i class="icon-envelope-alt"></i> icon-envelope-alt</a></div>
+    
+      <div class="span3"><a href="../icon/eraser"><i class="icon-eraser"></i> icon-eraser</a></div>
+    
+      <div class="span3"><a href="../icon/exchange"><i class="icon-exchange"></i> icon-exchange</a></div>
+    
+      <div class="span3"><a href="../icon/exclamation"><i class="icon-exclamation"></i> icon-exclamation</a></div>
+    
+      <div class="span3"><a href="../icon/exclamation-sign"><i class="icon-exclamation-sign"></i> icon-exclamation-sign</a></div>
+    
+      <div class="span3"><a href="../icon/expand"><i class="icon-expand"></i> icon-expand</a></div>
+    
+      <div class="span3"><a href="../icon/expand-alt"><i class="icon-expand-alt"></i> icon-expand-alt</a></div>
+    
+      <div class="span3"><a href="../icon/external-link"><i class="icon-external-link"></i> icon-external-link</a></div>
+    
+      <div class="span3"><a href="../icon/external-link-sign"><i class="icon-external-link-sign"></i> icon-external-link-sign</a></div>
+    
+      <div class="span3"><a href="../icon/eye-close"><i class="icon-eye-close"></i> icon-eye-close</a></div>
+    
+      <div class="span3"><a href="../icon/eye-open"><i class="icon-eye-open"></i> icon-eye-open</a></div>
+    
+      <div class="span3"><a href="../icon/facetime-video"><i class="icon-facetime-video"></i> icon-facetime-video</a></div>
+    
+      <div class="span3"><a href="../icon/female"><i class="icon-female"></i> icon-female</a></div>
+    
+      <div class="span3"><a href="../icon/fighter-jet"><i class="icon-fighter-jet"></i> icon-fighter-jet</a></div>
+    
+      <div class="span3"><a href="../icon/film"><i class="icon-film"></i> icon-film</a></div>
+    
+      <div class="span3"><a href="../icon/filter"><i class="icon-filter"></i> icon-filter</a></div>
+    
+      <div class="span3"><a href="../icon/fire"><i class="icon-fire"></i> icon-fire</a></div>
+    
+      <div class="span3"><a href="../icon/fire-extinguisher"><i class="icon-fire-extinguisher"></i> icon-fire-extinguisher</a></div>
+    
+      <div class="span3"><a href="../icon/flag"><i class="icon-flag"></i> icon-flag</a></div>
+    
+      <div class="span3"><a href="../icon/flag-alt"><i class="icon-flag-alt"></i> icon-flag-alt</a></div>
+    
+      <div class="span3"><a href="../icon/flag-checkered"><i class="icon-flag-checkered"></i> icon-flag-checkered</a></div>
+    
+      <div class="span3"><a href="../icon/folder-close"><i class="icon-folder-close"></i> icon-folder-close</a></div>
+    
+      <div class="span3"><a href="../icon/folder-close-alt"><i class="icon-folder-close-alt"></i> icon-folder-close-alt</a></div>
+    
+      <div class="span3"><a href="../icon/folder-open"><i class="icon-folder-open"></i> icon-folder-open</a></div>
+    
+      <div class="span3"><a href="../icon/folder-open-alt"><i class="icon-folder-open-alt"></i> icon-folder-open-alt</a></div>
+    
+      <div class="span3"><a href="../icon/food"><i class="icon-food"></i> icon-food</a></div>
+    
+      <div class="span3"><a href="../icon/frown"><i class="icon-frown"></i> icon-frown</a></div>
+    
+      <div class="span3"><a href="../icon/gamepad"><i class="icon-gamepad"></i> icon-gamepad</a></div>
+    
+      <div class="span3"><a href="../icon/cog"><i class="icon-gear"></i> icon-gear <span class="muted">(alias)</span></a></div>
+    
+      <div class="span3"><a href="../icon/cogs"><i class="icon-gears"></i> icon-gears <span class="muted">(alias)</span></a></div>
+    
+      <div class="span3"><a href="../icon/gift"><i class="icon-gift"></i> icon-gift</a></div>
+    
+      <div class="span3"><a href="../icon/glass"><i class="icon-glass"></i> icon-glass</a></div>
+    
+      <div class="span3"><a href="../icon/globe"><i class="icon-globe"></i> icon-globe</a></div>
+    
+      <div class="span3"><a href="../icon/group"><i class="icon-group"></i> icon-group</a></div>
+    
+      <div class="span3"><a href="../icon/hdd"><i class="icon-hdd"></i> icon-hdd</a></div>
+    
+      <div class="span3"><a href="../icon/headphones"><i class="icon-headphones"></i> icon-headphones</a></div>
+    
+      <div class="span3"><a href="../icon/heart"><i class="icon-heart"></i> icon-heart</a></div>
+    
+      <div class="span3"><a href="../icon/heart-empty"><i class="icon-heart-empty"></i> icon-heart-empty</a></div>
+    
+      <div class="span3"><a href="../icon/home"><i class="icon-home"></i> icon-home</a></div>
+    
+      <div class="span3"><a href="../icon/inbox"><i class="icon-inbox"></i> icon-inbox</a></div>
+    
+      <div class="span3"><a href="../icon/info"><i class="icon-info"></i> icon-info</a></div>
+    
+      <div class="span3"><a href="../icon/info-sign"><i class="icon-info-sign"></i> icon-info-sign</a></div>
+    
+      <div class="span3"><a href="../icon/key"><i class="icon-key"></i> icon-key</a></div>
+    
+      <div class="span3"><a href="../icon/keyboard"><i class="icon-keyboard"></i> icon-keyboard</a></div>
+    
+      <div class="span3"><a href="../icon/laptop"><i class="icon-laptop"></i> icon-laptop</a></div>
+    
+      <div class="span3"><a href="../icon/leaf"><i class="icon-leaf"></i> icon-leaf</a></div>
+    
+      <div class="span3"><a href="../icon/legal"><i class="icon-legal"></i> icon-legal</a></div>
+    
+      <div class="span3"><a href="../icon/lemon"><i class="icon-lemon"></i> icon-lemon</a></div>
+    
+      <div class="span3"><a href="../icon/level-down"><i class="icon-level-down"></i> icon-level-down</a></div>
+    
+      <div class="span3"><a href="../icon/level-up"><i class="icon-level-up"></i> icon-level-up</a></div>
+    
+      <div class="span3"><a href="../icon/lightbulb"><i class="icon-lightbulb"></i> icon-lightbulb</a></div>
+    
+      <div class="span3"><a href="../icon/location-arrow"><i class="icon-location-arrow"></i> icon-location-arrow</a></div>
+    
+      <div class="span3"><a href="../icon/lock"><i class="icon-lock"></i> icon-lock</a></div>
+    
+      <div class="span3"><a href="../icon/magic"><i class="icon-magic"></i> icon-magic</a></div>
+    
+      <div class="span3"><a href="../icon/magnet"><i class="icon-magnet"></i> icon-magnet</a></div>
+    
+      <div class="span3"><a href="../icon/share-alt"><i class="icon-mail-forward"></i> icon-mail-forward <span class="muted">(alias)</span></a></div>
+    
+      <div class="span3"><a href="../icon/reply"><i class="icon-mail-reply"></i> icon-mail-reply <span class="muted">(alias)</span></a></div>
+    
+      <div class="span3"><a href="../icon/mail-reply-all"><i class="icon-mail-reply-all"></i> icon-mail-reply-all</a></div>
+    
+      <div class="span3"><a href="../icon/male"><i class="icon-male"></i> icon-male</a></div>
+    
+      <div class="span3"><a href="../icon/map-marker"><i class="icon-map-marker"></i> icon-map-marker</a></div>
+    
+      <div class="span3"><a href="../icon/meh"><i class="icon-meh"></i> icon-meh</a></div>
+    
+      <div class="span3"><a href="../icon/microphone"><i class="icon-microphone"></i> icon-microphone</a></div>
+    
+      <div class="span3"><a href="../icon/microphone-off"><i class="icon-microphone-off"></i> icon-microphone-off</a></div>
+    
+      <div class="span3"><a href="../icon/minus"><i class="icon-minus"></i> icon-minus</a></div>
+    
+      <div class="span3"><a href="../icon/minus-sign"><i class="icon-minus-sign"></i> icon-minus-sign</a></div>
+    
+      <div class="span3"><a href="../icon/minus-sign-alt"><i class="icon-minus-sign-alt"></i> icon-minus-sign-alt</a></div>
+    
+      <div class="span3"><a href="../icon/mobile-phone"><i class="icon-mobile-phone"></i> icon-mobile-phone</a></div>
+    
+      <div class="span3"><a href="../icon/money"><i class="icon-money"></i> icon-money</a></div>
+    
+      <div class="span3"><a href="../icon/moon"><i class="icon-moon"></i> icon-moon</a></div>
+    
+      <div class="span3"><a href="../icon/move"><i class="icon-move"></i> icon-move</a></div>
+    
+      <div class="span3"><a href="../icon/music"><i class="icon-music"></i> icon-music</a></div>
+    
+      <div class="span3"><a href="../icon/off"><i class="icon-off"></i> icon-off</a></div>
+    
+      <div class="span3"><a href="../icon/ok"><i class="icon-ok"></i> icon-ok</a></div>
+    
+      <div class="span3"><a href="../icon/ok-circle"><i class="icon-ok-circle"></i> icon-ok-circle</a></div>
+    
+      <div class="span3"><a href="../icon/ok-sign"><i class="icon-ok-sign"></i> icon-ok-sign</a></div>
+    
+      <div class="span3"><a href="../icon/pencil"><i class="icon-pencil"></i> icon-pencil</a></div>
+    
+      <div class="span3"><a href="../icon/phone"><i class="icon-phone"></i> icon-phone</a></div>
+    
+      <div class="span3"><a href="../icon/phone-sign"><i class="icon-phone-sign"></i> icon-phone-sign</a></div>
+    
+      <div class="span3"><a href="../icon/picture"><i class="icon-picture"></i> icon-picture</a></div>
+    
+      <div class="span3"><a href="../icon/plane"><i class="icon-plane"></i> icon-plane</a></div>
+    
+      <div class="span3"><a href="../icon/plus"><i class="icon-plus"></i> icon-plus</a></div>
+    
+      <div class="span3"><a href="../icon/plus-sign"><i class="icon-plus-sign"></i> icon-plus-sign</a></div>
+    
+      <div class="span3"><a href="../icon/plus-sign-alt"><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</a></div>
+    
+      <div class="span3"><a href="../icon/off"><i class="icon-power-off"></i> icon-power-off <span class="muted">(alias)</span></a></div>
+    
+      <div class="span3"><a href="../icon/print"><i class="icon-print"></i> icon-print</a></div>
+    
+      <div class="span3"><a href="../icon/pushpin"><i class="icon-pushpin"></i> icon-pushpin</a></div>
+    
+      <div class="span3"><a href="../icon/puzzle-piece"><i class="icon-puzzle-piece"></i> icon-puzzle-piece</a></div>
+    
+      <div class="span3"><a href="../icon/qrcode"><i class="icon-qrcode"></i> icon-qrcode</a></div>
+    
+      <div class="span3"><a href="../icon/question"><i class="icon-question"></i> icon-question</a></div>
+    
+      <div class="span3"><a href="../icon/question-sign"><i class="icon-question-sign"></i> icon-question-sign</a></div>
+    
+      <div class="span3"><a href="../icon/quote-left"><i class="icon-quote-left"></i> icon-quote-left</a></div>
+    
+      <div class="span3"><a href="../icon/quote-right"><i class="icon-quote-right"></i> icon-quote-right</a></div>
+    
+      <div class="span3"><a href="../icon/random"><i class="icon-random"></i> icon-random</a></div>
+    
+      <div class="span3"><a href="../icon/refresh"><i class="icon-refresh"></i> icon-refresh</a></div>
+    
+      <div class="span3"><a href="../icon/remove"><i class="icon-remove"></i> icon-remove</a></div>
+    
+      <div class="span3"><a href="../icon/remove-circle"><i class="icon-remove-circle"></i> icon-remove-circle</a></div>
+    
+      <div class="span3"><a href="../icon/remove-sign"><i class="icon-remove-sign"></i> icon-remove-sign</a></div>
+    
+      <div class="span3"><a href="../icon/reorder"><i class="icon-reorder"></i> icon-reorder</a></div>
+    
+      <div class="span3"><a href="../icon/reply"><i class="icon-reply"></i> icon-reply</a></div>
+    
+      <div class="span3"><a href="../icon/reply-all"><i class="icon-reply-all"></i> icon-reply-all</a></div>
+    
+      <div class="span3"><a href="../icon/resize-horizontal"><i class="icon-resize-horizontal"></i> icon-resize-horizontal</a></div>
+    
+      <div class="span3"><a href="../icon/resize-vertical"><i class="icon-resize-vertical"></i> icon-resize-vertical</a></div>
+    
+      <div class="span3"><a href="../icon/retweet"><i class="icon-retweet"></i> icon-retweet</a></div>
+    
+      <div class="span3"><a href="../icon/road"><i class="icon-road"></i> icon-road</a></div>
+    
+      <div class="span3"><a href="../icon/rocket"><i class="icon-rocket"></i> icon-rocket</a></div>
+    
+      <div class="span3"><a href="../icon/rss"><i class="icon-rss"></i> icon-rss</a></div>
+    
+      <div class="span3"><a href="../icon/rss-sign"><i class="icon-rss-sign"></i> icon-rss-sign</a></div>
+    
+      <div class="span3"><a href="../icon/screenshot"><i class="icon-screenshot"></i> icon-screenshot</a></div>
+    
+      <div class="span3"><a href="../icon/search"><i class="icon-search"></i> icon-search</a></div>
+    
+      <div class="span3"><a href="../icon/share"><i class="icon-share"></i> icon-share</a></div>
+    
+      <div class="span3"><a href="../icon/share-alt"><i class="icon-share-alt"></i> icon-share-alt</a></div>
+    
+      <div class="span3"><a href="../icon/share-sign"><i class="icon-share-sign"></i> icon-share-sign</a></div>
+    
+      <div class="span3"><a href="../icon/shield"><i class="icon-shield"></i> icon-shield</a></div>
+    
+      <div class="span3"><a href="../icon/shopping-cart"><i class="icon-shopping-cart"></i> icon-shopping-cart</a></div>
+    
+      <div class="span3"><a href="../icon/sign-blank"><i class="icon-sign-blank"></i> icon-sign-blank</a></div>
+    
+      <div class="span3"><a href="../icon/signal"><i class="icon-signal"></i> icon-signal</a></div>
+    
+      <div class="span3"><a href="../icon/signin"><i class="icon-signin"></i> icon-signin</a></div>
+    
+      <div class="span3"><a href="../icon/signout"><i class="icon-signout"></i> icon-signout</a></div>
+    
+      <div class="span3"><a href="../icon/sitemap"><i class="icon-sitemap"></i> icon-sitemap</a></div>
+    
+      <div class="span3"><a href="../icon/smile"><i class="icon-smile"></i> icon-smile</a></div>
+    
+      <div class="span3"><a href="../icon/sort"><i class="icon-sort"></i> icon-sort</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/sort-down"><i class="icon-sort-down"></i> icon-sort-down</a></div>
+    
+      <div class="span3"><a href="../icon/sort-up"><i class="icon-sort-up"></i> icon-sort-up</a></div>
+    
+      <div class="span3"><a href="../icon/spinner"><i class="icon-spinner"></i> icon-spinner</a></div>
+    
+      <div class="span3"><a href="../icon/star"><i class="icon-star"></i> icon-star</a></div>
+    
+      <div class="span3"><a href="../icon/star-empty"><i class="icon-star-empty"></i> icon-star-empty</a></div>
+    
+      <div class="span3"><a href="../icon/star-half"><i class="icon-star-half"></i> icon-star-half</a></div>
+    
+      <div class="span3"><a href="../icon/star-half-empty"><i class="icon-star-half-empty"></i> icon-star-half-empty</a></div>
+    
+      <div class="span3"><a href="../icon/star-half-empty"><i class="icon-star-half-full"></i> icon-star-half-full <span class="muted">(alias)</span></a></div>
+    
+      <div class="span3"><a href="../icon/subscript"><i class="icon-subscript"></i> icon-subscript</a></div>
+    
+      <div class="span3"><a href="../icon/suitcase"><i class="icon-suitcase"></i> icon-suitcase</a></div>
+    
+      <div class="span3"><a href="../icon/sun"><i class="icon-sun"></i> icon-sun</a></div>
+    
+      <div class="span3"><a href="../icon/superscript"><i class="icon-superscript"></i> icon-superscript</a></div>
+    
+      <div class="span3"><a href="../icon/tablet"><i class="icon-tablet"></i> icon-tablet</a></div>
+    
+      <div class="span3"><a href="../icon/tag"><i class="icon-tag"></i> icon-tag</a></div>
+    
+      <div class="span3"><a href="../icon/tags"><i class="icon-tags"></i> icon-tags</a></div>
+    
+      <div class="span3"><a href="../icon/tasks"><i class="icon-tasks"></i> icon-tasks</a></div>
+    
+      <div class="span3"><a href="../icon/terminal"><i class="icon-terminal"></i> icon-terminal</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/thumbs-down-alt"><i class="icon-thumbs-down-alt"></i> icon-thumbs-down-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-up-alt"><i class="icon-thumbs-up-alt"></i> icon-thumbs-up-alt</a></div>
+    
+      <div class="span3"><a href="../icon/ticket"><i class="icon-ticket"></i> icon-ticket</a></div>
+    
+      <div class="span3"><a href="../icon/time"><i class="icon-time"></i> icon-time</a></div>
+    
+      <div class="span3"><a href="../icon/tint"><i class="icon-tint"></i> icon-tint</a></div>
+    
+      <div class="span3"><a href="../icon/trash"><i class="icon-trash"></i> icon-trash</a></div>
+    
+      <div class="span3"><a href="../icon/trophy"><i class="icon-trophy"></i> icon-trophy</a></div>
+    
+      <div class="span3"><a href="../icon/truck"><i class="icon-truck"></i> icon-truck</a></div>
+    
+      <div class="span3"><a href="../icon/umbrella"><i class="icon-umbrella"></i> icon-umbrella</a></div>
+    
+      <div class="span3"><a href="../icon/check-empty"><i class="icon-unchecked"></i> icon-unchecked <span class="muted">(alias)</span></a></div>
+    
+      <div class="span3"><a href="../icon/unlock"><i class="icon-unlock"></i> icon-unlock</a></div>
+    
+      <div class="span3"><a href="../icon/unlock-alt"><i class="icon-unlock-alt"></i> icon-unlock-alt</a></div>
+    
+      <div class="span3"><a href="../icon/upload"><i class="icon-upload"></i> icon-upload</a></div>
+    
+      <div class="span3"><a href="../icon/upload-alt"><i class="icon-upload-alt"></i> icon-upload-alt</a></div>
+    
+      <div class="span3"><a href="../icon/user"><i class="icon-user"></i> icon-user</a></div>
+    
+      <div class="span3"><a href="../icon/volume-down"><i class="icon-volume-down"></i> icon-volume-down</a></div>
+    
+      <div class="span3"><a href="../icon/volume-off"><i class="icon-volume-off"></i> icon-volume-off</a></div>
+    
+      <div class="span3"><a href="../icon/volume-up"><i class="icon-volume-up"></i> icon-volume-up</a></div>
+    
+      <div class="span3"><a href="../icon/warning-sign"><i class="icon-warning-sign"></i> icon-warning-sign</a></div>
+    
+      <div class="span3"><a href="../icon/wrench"><i class="icon-wrench"></i> icon-wrench</a></div>
+    
+      <div class="span3"><a href="../icon/zoom-in"><i class="icon-zoom-in"></i> icon-zoom-in</a></div>
+    
+      <div class="span3"><a href="../icon/zoom-out"><i class="icon-zoom-out"></i> icon-zoom-out</a></div>
+    
+  </div>
+
+</section>
+
+<section id="currency">
+  <h2 class="page-header">Currency Icons</h2>
+
+  <div class="row the-icons">
+    
+
+    
+      <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/btc"><i class="icon-btc"></i> icon-btc</a></div>
+    
+      <div class="span3"><a href="../icon/cny"><i class="icon-cny"></i> icon-cny</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/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/inr"><i class="icon-inr"></i> icon-inr</a></div>
+    
+      <div class="span3"><a href="../icon/jpy"><i class="icon-jpy"></i> icon-jpy</a></div>
+    
+      <div class="span3"><a href="../icon/krw"><i class="icon-krw"></i> icon-krw</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/inr"><i class="icon-rupee"></i> icon-rupee <span class="muted">(alias)</span></a></div>
+    
+      <div class="span3"><a href="../icon/usd"><i class="icon-usd"></i> icon-usd</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/jpy"><i class="icon-yen"></i> icon-yen <span class="muted">(alias)</span></a></div>
+    
+  </div>
+
+</section>
+
+<section id="text-editor">
+  <h2 class="page-header">Text Editor Icons</h2>
+
+  <div class="row the-icons">
+    
+
+    
+      <div class="span3"><a href="../icon/align-center"><i class="icon-align-center"></i> icon-align-center</a></div>
+    
+      <div class="span3"><a href="../icon/align-justify"><i class="icon-align-justify"></i> icon-align-justify</a></div>
+    
+      <div class="span3"><a href="../icon/align-left"><i class="icon-align-left"></i> icon-align-left</a></div>
+    
+      <div class="span3"><a href="../icon/align-right"><i class="icon-align-right"></i> icon-align-right</a></div>
+    
+      <div class="span3"><a href="../icon/bold"><i class="icon-bold"></i> icon-bold</a></div>
+    
+      <div class="span3"><a href="../icon/columns"><i class="icon-columns"></i> icon-columns</a></div>
+    
+      <div class="span3"><a href="../icon/copy"><i class="icon-copy"></i> icon-copy</a></div>
+    
+      <div class="span3"><a href="../icon/cut"><i class="icon-cut"></i> icon-cut</a></div>
+    
+      <div class="span3"><a href="../icon/eraser"><i class="icon-eraser"></i> icon-eraser</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-alt"><i class="icon-file-alt"></i> icon-file-alt</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/file-text-alt"><i class="icon-file-text-alt"></i> icon-file-text-alt</a></div>
+    
+      <div class="span3"><a href="../icon/font"><i class="icon-font"></i> icon-font</a></div>
+    
+      <div class="span3"><a href="../icon/indent-left"><i class="icon-indent-left"></i> icon-indent-left</a></div>
+    
+      <div class="span3"><a href="../icon/indent-right"><i class="icon-indent-right"></i> icon-indent-right</a></div>
+    
+      <div class="span3"><a href="../icon/italic"><i class="icon-italic"></i> icon-italic</a></div>
+    
+      <div class="span3"><a href="../icon/link"><i class="icon-link"></i> icon-link</a></div>
+    
+      <div class="span3"><a href="../icon/list"><i class="icon-list"></i> icon-list</a></div>
+    
+      <div class="span3"><a href="../icon/list-alt"><i class="icon-list-alt"></i> icon-list-alt</a></div>
+    
+      <div class="span3"><a href="../icon/list-ol"><i class="icon-list-ol"></i> icon-list-ol</a></div>
+    
+      <div class="span3"><a href="../icon/list-ul"><i class="icon-list-ul"></i> icon-list-ul</a></div>
+    
+      <div class="span3"><a href="../icon/paper-clip"><i class="icon-paper-clip"></i> icon-paper-clip</a></div>
+    
+      <div class="span3"><a href="../icon/paper-clip"><i class="icon-paperclip"></i> icon-paperclip <span class="muted">(alias)</span></a></div>
+    
+      <div class="span3"><a href="../icon/paste"><i class="icon-paste"></i> icon-paste</a></div>
+    
+      <div class="span3"><a href="../icon/repeat"><i class="icon-repeat"></i> icon-repeat</a></div>
+    
+      <div class="span3"><a href="../icon/undo"><i class="icon-rotate-left"></i> icon-rotate-left <span class="muted">(alias)</span></a></div>
+    
+      <div class="span3"><a href="../icon/repeat"><i class="icon-rotate-right"></i> icon-rotate-right <span class="muted">(alias)</span></a></div>
+    
+      <div class="span3"><a href="../icon/save"><i class="icon-save"></i> icon-save</a></div>
+    
+      <div class="span3"><a href="../icon/strikethrough"><i class="icon-strikethrough"></i> icon-strikethrough</a></div>
+    
+      <div class="span3"><a href="../icon/table"><i class="icon-table"></i> icon-table</a></div>
+    
+      <div class="span3"><a href="../icon/text-height"><i class="icon-text-height"></i> icon-text-height</a></div>
+    
+      <div class="span3"><a href="../icon/text-width"><i class="icon-text-width"></i> icon-text-width</a></div>
+    
+      <div class="span3"><a href="../icon/th"><i class="icon-th"></i> icon-th</a></div>
+    
+      <div class="span3"><a href="../icon/th-large"><i class="icon-th-large"></i> icon-th-large</a></div>
+    
+      <div class="span3"><a href="../icon/th-list"><i class="icon-th-list"></i> icon-th-list</a></div>
+    
+      <div class="span3"><a href="../icon/underline"><i class="icon-underline"></i> icon-underline</a></div>
+    
+      <div class="span3"><a href="../icon/undo"><i class="icon-undo"></i> icon-undo</a></div>
+    
+      <div class="span3"><a href="../icon/unlink"><i class="icon-unlink"></i> icon-unlink</a></div>
+    
+  </div>
+
+</section>
+
+<section id="directional">
+  <h2 class="page-header">Directional Icons</h2>
+
+  <div class="row the-icons">
+    
+
+    
+      <div class="span3"><a href="../icon/angle-down"><i class="icon-angle-down"></i> icon-angle-down</a></div>
+    
+      <div class="span3"><a href="../icon/angle-left"><i class="icon-angle-left"></i> icon-angle-left</a></div>
+    
+      <div class="span3"><a href="../icon/angle-right"><i class="icon-angle-right"></i> icon-angle-right</a></div>
+    
+      <div class="span3"><a href="../icon/angle-up"><i class="icon-angle-up"></i> icon-angle-up</a></div>
+    
+      <div class="span3"><a href="../icon/arrow-down"><i class="icon-arrow-down"></i> icon-arrow-down</a></div>
+    
+      <div class="span3"><a href="../icon/arrow-left"><i class="icon-arrow-left"></i> icon-arrow-left</a></div>
+    
+      <div class="span3"><a href="../icon/arrow-right"><i class="icon-arrow-right"></i> icon-arrow-right</a></div>
+    
+      <div class="span3"><a href="../icon/arrow-up"><i class="icon-arrow-up"></i> icon-arrow-up</a></div>
+    
+      <div class="span3"><a href="../icon/caret-down"><i class="icon-caret-down"></i> icon-caret-down</a></div>
+    
+      <div class="span3"><a href="../icon/caret-left"><i class="icon-caret-left"></i> icon-caret-left</a></div>
+    
+      <div class="span3"><a href="../icon/caret-right"><i class="icon-caret-right"></i> icon-caret-right</a></div>
+    
+      <div class="span3"><a href="../icon/caret-up"><i class="icon-caret-up"></i> icon-caret-up</a></div>
+    
+      <div class="span3"><a href="../icon/chevron-down"><i class="icon-chevron-down"></i> icon-chevron-down</a></div>
+    
+      <div class="span3"><a href="../icon/chevron-left"><i class="icon-chevron-left"></i> icon-chevron-left</a></div>
+    
+      <div class="span3"><a href="../icon/chevron-right"><i class="icon-chevron-right"></i> icon-chevron-right</a></div>
+    
+      <div class="span3"><a href="../icon/chevron-sign-down"><i class="icon-chevron-sign-down"></i> icon-chevron-sign-down</a></div>
+    
+      <div class="span3"><a href="../icon/chevron-sign-left"><i class="icon-chevron-sign-left"></i> icon-chevron-sign-left</a></div>
+    
+      <div class="span3"><a href="../icon/chevron-sign-right"><i class="icon-chevron-sign-right"></i> icon-chevron-sign-right</a></div>
+    
+      <div class="span3"><a href="../icon/chevron-sign-up"><i class="icon-chevron-sign-up"></i> icon-chevron-sign-up</a></div>
+    
+      <div class="span3"><a href="../icon/chevron-up"><i class="icon-chevron-up"></i> icon-chevron-up</a></div>
+    
+      <div class="span3"><a href="../icon/circle-arrow-down"><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</a></div>
+    
+      <div class="span3"><a href="../icon/circle-arrow-left"><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</a></div>
+    
+      <div class="span3"><a href="../icon/circle-arrow-right"><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</a></div>
+    
+      <div class="span3"><a href="../icon/circle-arrow-up"><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</a></div>
+    
+      <div class="span3"><a href="../icon/double-angle-down"><i class="icon-double-angle-down"></i> icon-double-angle-down</a></div>
+    
+      <div class="span3"><a href="../icon/double-angle-left"><i class="icon-double-angle-left"></i> icon-double-angle-left</a></div>
+    
+      <div class="span3"><a href="../icon/double-angle-right"><i class="icon-double-angle-right"></i> icon-double-angle-right</a></div>
+    
+      <div class="span3"><a href="../icon/double-angle-up"><i class="icon-double-angle-up"></i> icon-double-angle-up</a></div>
+    
+      <div class="span3"><a href="../icon/hand-down"><i class="icon-hand-down"></i> icon-hand-down</a></div>
+    
+      <div class="span3"><a href="../icon/hand-left"><i class="icon-hand-left"></i> icon-hand-left</a></div>
+    
+      <div class="span3"><a href="../icon/hand-right"><i class="icon-hand-right"></i> icon-hand-right</a></div>
+    
+      <div class="span3"><a href="../icon/hand-up"><i class="icon-hand-up"></i> icon-hand-up</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-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/long-arrow-up"><i class="icon-long-arrow-up"></i> icon-long-arrow-up</a></div>
+    
+  </div>
+
+</section>
+
+<section id="video-player">
+  <h2 class="page-header">Video Player Icons</h2>
+
+  <div class="row the-icons">
+    
+
+    
+      <div class="span3"><a href="../icon/backward"><i class="icon-backward"></i> icon-backward</a></div>
+    
+      <div class="span3"><a href="../icon/eject"><i class="icon-eject"></i> icon-eject</a></div>
+    
+      <div class="span3"><a href="../icon/fast-backward"><i class="icon-fast-backward"></i> icon-fast-backward</a></div>
+    
+      <div class="span3"><a href="../icon/fast-forward"><i class="icon-fast-forward"></i> icon-fast-forward</a></div>
+    
+      <div class="span3"><a href="../icon/forward"><i class="icon-forward"></i> icon-forward</a></div>
+    
+      <div class="span3"><a href="../icon/fullscreen"><i class="icon-fullscreen"></i> icon-fullscreen</a></div>
+    
+      <div class="span3"><a href="../icon/pause"><i class="icon-pause"></i> icon-pause</a></div>
+    
+      <div class="span3"><a href="../icon/play"><i class="icon-play"></i> icon-play</a></div>
+    
+      <div class="span3"><a href="../icon/play-circle"><i class="icon-play-circle"></i> icon-play-circle</a></div>
+    
+      <div class="span3"><a href="../icon/play-sign"><i class="icon-play-sign"></i> icon-play-sign</a></div>
+    
+      <div class="span3"><a href="../icon/resize-full"><i class="icon-resize-full"></i> icon-resize-full</a></div>
+    
+      <div class="span3"><a href="../icon/resize-small"><i class="icon-resize-small"></i> icon-resize-small</a></div>
+    
+      <div class="span3"><a href="../icon/step-backward"><i class="icon-step-backward"></i> icon-step-backward</a></div>
+    
+      <div class="span3"><a href="../icon/step-forward"><i class="icon-step-forward"></i> icon-step-forward</a></div>
+    
+      <div class="span3"><a href="../icon/stop"><i class="icon-stop"></i> icon-stop</a></div>
+    
+      <div class="span3"><a href="../icon/youtube-play"><i class="icon-youtube-play"></i> icon-youtube-play</a></div>
+    
+  </div>
+
+</section>
+
+<section id="brand">
+  <h2 class="page-header">Brand Icons</h2>
+
+  <div class="alert alert-info">
+    <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>
+
+  </div>
+
+  <div class="row the-icons">
+    
+
+    
+      <div class="span3"><a href="../icon/adn"><i class="icon-adn"></i> icon-adn</a></div>
+    
+      <div class="span3"><a href="../icon/android"><i class="icon-android"></i> icon-android</a></div>
+    
+      <div class="span3"><a href="../icon/apple"><i class="icon-apple"></i> icon-apple</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/btc"><i class="icon-bitcoin"></i> icon-bitcoin <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/css3"><i class="icon-css3"></i> icon-css3</a></div>
+    
+      <div class="span3"><a href="../icon/dribbble"><i class="icon-dribbble"></i> icon-dribbble</a></div>
+    
+      <div class="span3"><a href="../icon/dropbox"><i class="icon-dropbox"></i> icon-dropbox</a></div>
+    
+      <div class="span3"><a href="../icon/facebook"><i class="icon-facebook"></i> icon-facebook</a></div>
+    
+      <div class="span3"><a href="../icon/facebook-sign"><i class="icon-facebook-sign"></i> icon-facebook-sign</a></div>
+    
+      <div class="span3"><a href="../icon/flickr"><i class="icon-flickr"></i> icon-flickr</a></div>
+    
+      <div class="span3"><a href="../icon/foursquare"><i class="icon-foursquare"></i> icon-foursquare</a></div>
+    
+      <div class="span3"><a href="../icon/github"><i class="icon-github"></i> icon-github</a></div>
+    
+      <div class="span3"><a href="../icon/github-alt"><i class="icon-github-alt"></i> icon-github-alt</a></div>
+    
+      <div class="span3"><a href="../icon/github-sign"><i class="icon-github-sign"></i> icon-github-sign</a></div>
+    
+      <div class="span3"><a href="../icon/gittip"><i class="icon-gittip"></i> icon-gittip</a></div>
+    
+      <div class="span3"><a href="../icon/google-plus"><i class="icon-google-plus"></i> icon-google-plus</a></div>
+    
+      <div class="span3"><a href="../icon/google-plus-sign"><i class="icon-google-plus-sign"></i> icon-google-plus-sign</a></div>
+    
+      <div class="span3"><a href="../icon/html5"><i class="icon-html5"></i> icon-html5</a></div>
+    
+      <div class="span3"><a href="../icon/instagram"><i class="icon-instagram"></i> icon-instagram</a></div>
+    
+      <div class="span3"><a href="../icon/linkedin"><i class="icon-linkedin"></i> icon-linkedin</a></div>
+    
+      <div class="span3"><a href="../icon/linkedin-sign"><i class="icon-linkedin-sign"></i> icon-linkedin-sign</a></div>
+    
+      <div class="span3"><a href="../icon/linux"><i class="icon-linux"></i> icon-linux</a></div>
+    
+      <div class="span3"><a href="../icon/maxcdn"><i class="icon-maxcdn"></i> icon-maxcdn</a></div>
+    
+      <div class="span3"><a href="../icon/pinterest"><i class="icon-pinterest"></i> icon-pinterest</a></div>
+    
+      <div class="span3"><a href="../icon/pinterest-sign"><i class="icon-pinterest-sign"></i> icon-pinterest-sign</a></div>
+    
+      <div class="span3"><a href="../icon/renren"><i class="icon-renren"></i> icon-renren</a></div>
+    
+      <div class="span3"><a href="../icon/skype"><i class="icon-skype"></i> icon-skype</a></div>
+    
+      <div class="span3"><a href="../icon/stackexchange"><i class="icon-stackexchange"></i> icon-stackexchange</a></div>
+    
+      <div class="span3"><a href="../icon/trello"><i class="icon-trello"></i> icon-trello</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/twitter"><i class="icon-twitter"></i> icon-twitter</a></div>
+    
+      <div class="span3"><a href="../icon/twitter-sign"><i class="icon-twitter-sign"></i> icon-twitter-sign</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/windows"><i class="icon-windows"></i> icon-windows</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"><i class="icon-youtube"></i> icon-youtube</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/youtube-sign"><i class="icon-youtube-sign"></i> icon-youtube-sign</a></div>
+    
+  </div>
+</section>
+
+<section id="medical">
+  <h2 class="page-header">Medical Icons</h2>
+
+  <div class="row the-icons">
+    
+
+    
+      <div class="span3"><a href="../icon/ambulance"><i class="icon-ambulance"></i> icon-ambulance</a></div>
+    
+      <div class="span3"><a href="../icon/h-sign"><i class="icon-h-sign"></i> icon-h-sign</a></div>
+    
+      <div class="span3"><a href="../icon/hospital"><i class="icon-hospital"></i> icon-hospital</a></div>
+    
+      <div class="span3"><a href="../icon/medkit"><i class="icon-medkit"></i> icon-medkit</a></div>
+    
+      <div class="span3"><a href="../icon/plus-sign-alt"><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</a></div>
+    
+      <div class="span3"><a href="../icon/stethoscope"><i class="icon-stethoscope"></i> icon-stethoscope</a></div>
+    
+      <div class="span3"><a href="../icon/user-md"><i class="icon-user-md"></i> icon-user-md</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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/index.html b/3.2.1/index.html
new file mode 100644
index 000000000..0c296ce5e
--- /dev/null
+++ b/3.2.1/index.html
@@ -0,0 +1,320 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="./icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="./icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="./icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="./icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="./icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="./icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="./icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="./icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="./examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="./examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="./examples/#new-styles">New Styles</a></li>
+              <li><a href="./examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="./examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="./examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="./examples/#buttons">Buttons</a></li>
+              <li><a href="./examples/#button-groups">Button Groups</a></li>
+              <li><a href="./examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="./examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="./examples/#navigation">Navigation</a></li>
+              <li><a href="./examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="./examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="./examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="./examples/#stacked">Stacked</a></li>
+              <li><a href="./examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="./whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="./community/">Community</a></li>
+          <li><a href="./license/">License</a></li>
+        </ul>
+        <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>&nbsp;&nbsp;
+              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> &nbsp;&nbsp;&middot;&nbsp;&nbsp;
+            Version 3.2.1 &nbsp;&nbsp;&middot;&nbsp;&nbsp;
+            Created &amp; 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 &mdash; 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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="./assets/js/jquery-1.7.1.min.js"></script>
+<script src="./assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="./assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="./assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/license/index.html b/3.2.1/license/index.html
new file mode 100644
index 000000000..d58cf5ea8
--- /dev/null
+++ b/3.2.1/license/index.html
@@ -0,0 +1,261 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../examples/#new-styles">New Styles</a></li>
+              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../examples/#buttons">Buttons</a></li>
+              <li><a href="../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../examples/#navigation">Navigation</a></li>
+              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../examples/#stacked">Stacked</a></li>
+              <li><a href="../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </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>&nbsp; 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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/test/index.html b/3.2.1/test/index.html
new file mode 100644
index 000000000..29c535fbd
--- /dev/null
+++ b/3.2.1/test/index.html
@@ -0,0 +1,1056 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../examples/#new-styles">New Styles</a></li>
+              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../examples/#buttons">Buttons</a></li>
+              <li><a href="../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../examples/#navigation">Navigation</a></li>
+              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+              <li><a href="../examples/#stacked">Stacked</a></li>
+              <li><a href="../examples/#custom">Custom CSS</a></li>
+            </ul>
+          </li>
+          <li><a href="../whats-new/">
+          <span class="hidden-tablet">What's </span>New</a>
+          </li>
+          <li><a href="../community/">Community</a></li>
+          <li><a href="../license/">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>&nbsp; normal<br>
+<i class="icon-flag icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
+<i class="icon-flag icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
+<i class="icon-flag icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
+<i class="icon-flag icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
+<i class="icon-flag icon-flip-vertical"></i>&nbsp; icon-flip-vertical
+
+      </div>
+    </div>
+    <div class="span6">
+      <div class="well lead">
+        <i class="icon-flag"></i>&nbsp; normal<br>
+<i class="icon-flag icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
+<i class="icon-flag icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
+<i class="icon-flag icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
+<i class="icon-flag icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
+<i class="icon-flag icon-flip-vertical"></i>&nbsp; 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>&nbsp; normal</a><br>
+<a href="#"><i class="icon-flag icon-rotate-90"></i>&nbsp; icon-rotate-90</a><br>
+<a href="#"><i class="icon-flag icon-rotate-180"></i>&nbsp; icon-rotate-180</a><br>
+<a href="#"><i class="icon-flag icon-rotate-270"></i>&nbsp; icon-rotate-270</a><br>
+<a href="#"><i class="icon-flag icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal</a><br>
+<a href="#"><i class="icon-flag icon-flip-vertical"></i>&nbsp; icon-flip-vertical</a>
+
+      </div>
+    </div>
+    <div class="span6">
+      <div class="well">
+        <a class="btn" href="#"><i class="icon-flag"></i>&nbsp; normal</a><br>
+<a class="btn" href="#"><i class="icon-flag icon-rotate-90"></i>&nbsp; icon-rotate-90</a><br>
+<a class="btn" href="#"><i class="icon-flag icon-rotate-180"></i>&nbsp; icon-rotate-180</a><br>
+<a class="btn" href="#"><i class="icon-flag icon-rotate-270"></i>&nbsp; icon-rotate-270</a><br>
+<a class="btn" href="#"><i class="icon-flag icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal</a><br>
+<a class="btn" href="#"><i class="icon-flag icon-flip-vertical"></i>&nbsp; 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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/3.2.1/whats-new/index.html b/3.2.1/whats-new/index.html
new file mode 100644
index 000000000..fe0f5549a
--- /dev/null
+++ b/3.2.1/whats-new/index.html
@@ -0,0 +1,433 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (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>&nbsp; Icons</a></li>
+              <li class="divider"></li>
+              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
+              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
+              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
+              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
+              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
+              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
+              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
+              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
+            </ul>
+          </li>
+          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+          <li class="dropdown dropdown-split-right hidden-phone">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <i class="icon-caret-down"></i>
+            </a>
+            <ul class="dropdown-menu pull-right">
+              <li><a href="../examples/">Examples</a></li>
+              <li class="divider"></li>
+              <li><a href="../examples/#new-styles">New Styles</a></li>
+              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
+              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
+              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
+              <li><a href="../examples/#buttons">Buttons</a></li>
+              <li><a href="../examples/#button-groups">Button Groups</a></li>
+              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
+              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
+              <li><a href="../examples/#navigation">Navigation</a></li>
+              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
+              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
+              <li><a href="../examples/#rotated-flipped">Rotated &amp; 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>&nbsp; What's New</h1>
+    <p>What's New in the latest version &mdash; 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>&nbsp; normal<br>
+        <i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
+        <i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
+        <i class="icon-shield icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
+        <i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
+        <i class="icon-shield icon-flip-vertical"></i>&nbsp; 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">&middot;</span><br class="visible-phone">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
+    </div>
+    <div class="project">
+      <a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/Makefile b/Makefile
index 7359665af..df496263f 100644
--- a/Makefile
+++ b/Makefile
@@ -2,15 +2,14 @@ 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
@@ -21,13 +20,14 @@ 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}
+#	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-4.0.0 && zip -r9 font-awesome-4.0.0.zip font-awesome-4.0.0 && mv font-awesome-4.0.0 font-awesome
 
 
 default: build
diff --git a/assets/css/site.css b/assets/css/site.css
index b5fd3f612..271d1a874 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -1,1154 +1,950 @@
-.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){}
+
+article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
+audio,canvas,video{display:inline-block}
+audio:not([controls]){display:none;height:0}
+[hidden]{display:none}
+html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
+body{margin:0}
+a:focus{outline:thin dotted}
+a:active,a:hover{outline:0}
+h1{font-size:2em;margin:.67em 0}
+abbr[title]{border-bottom:1px dotted}
+b,strong{font-weight:bold}
+dfn{font-style:italic}
+hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
+mark{background:#ff0;color:#000}
+code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
+pre{white-space:pre-wrap}
+q{quotes:"\201C" "\201D" "\2018" "\2019"}
+small{font-size:80%}
+sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
+sup{top:-0.5em}
+sub{bottom:-0.25em}
+img{border:0}
+svg:not(:root){overflow:hidden}
+figure{margin:0}
+fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
+legend{border:0;padding:0}
+button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
+button,input{line-height:normal}
+button,select{text-transform:none}
+button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
+button[disabled],html input[disabled]{cursor:default}
+input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
+input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
+input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
+button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
+textarea{overflow:auto;vertical-align:top}
+table{border-collapse:collapse;border-spacing:0}
+@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:2cm .5cm}p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid} .navbar{display:none} .table td,.table th{background-color:#fff !important} .btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important} .label{border:1px solid #000} .table{border-collapse:collapse !important} .table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
+html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
+body{font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}
+input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
+button,input,select[multiple],textarea{background-image:none}
+a{color:#21b384;text-decoration:none}a:hover,a:focus{color:#198764;text-decoration:underline}
+a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
+img{vertical-align:middle}
+.img-responsive{display:block;max-width:100%;height:auto}
+.img-rounded{border-radius:6px}
+.img-thumbnail{padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}
+.img-circle{border-radius:50%}
+hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
+.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
+p{margin:0 0 10px}
+.lead{margin-bottom:20px;font-size:16.099999999999998px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}
+small{font-size:85%}
+cite{font-style:normal}
+.text-muted{color:#999}
+.text-primary{color:#428bca}
+.text-warning{color:#c09853}
+.text-danger{color:#b94a48}
+.text-success{color:#1d9d74}
+.text-info{color:#007dbc}
+.text-left{text-align:left}
+.text-right{text-align:right}
+.text-center{text-align:center}
+h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:museo-slab,Georgia,"Times New Roman",Times,serif;font-weight:500;line-height:1.1}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1;color:#999}
+h1,h2,h3{margin-top:20px;margin-bottom:10px}
+h4,h5,h6{margin-top:10px;margin-bottom:10px}
+h1,.h1{font-size:36px}
+h2,.h2{font-size:30px}
+h3,.h3{font-size:24px}
+h4,.h4{font-size:18px}
+h5,.h5{font-size:14px}
+h6,.h6{font-size:12px}
+h1 small,.h1 small{font-size:24px}
+h2 small,.h2 small{font-size:18px}
+h3 small,.h3 small,h4 small,.h4 small{font-size:14px}
+.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}
+ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}
+.list-unstyled{padding-left:0;list-style:none}
+.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}
+dl{margin-bottom:20px}
+dt,dd{line-height:1.428571429}
+dt{font-weight:bold}
+dd{margin-left:0}
+@media (min-width:768px){.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}.dl-horizontal dd:before,.dl-horizontal dd:after{content:" ";display:table;} .dl-horizontal dd:after{clear:both} .dl-horizontal dd:before,.dl-horizontal dd:after{content:" ";display:table;} .dl-horizontal dd:after{clear:both}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}
+abbr.initialism{font-size:90%;text-transform:uppercase}
+blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{font-size:17.5px;font-weight:300;line-height:1.25}
+blockquote p:last-child{margin-bottom:0}
+blockquote small{display:block;line-height:1.428571429;color:#999}blockquote small:before{content:'\2014 \00A0'}
+blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;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:1.428571429}
+code,pre{font-family:Monaco,Menlo,Consolas,"Courier New",monospace}
+code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px}
+pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #eee;border-radius:4px}pre.prettyprint{margin-bottom:20px}
+pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border:0}
+.pre-scrollable{max-height:340px;overflow-y:scroll}
+.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container:before,.container:after{content:" ";display:table;}
+.container:after{clear:both}
+.container:before,.container:after{content:" ";display:table;}
+.container:after{clear:both}
+.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table;}
+.row:after{clear:both}
+.row:before,.row:after{content:" ";display:table;}
+.row:after{clear:both}
+.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;min-height:1px;padding-left:15px;padding-right:15px}
+.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:8.333333333333332%}
+.col-xs-2{width:16.666666666666664%}
+.col-xs-3{width:25%}
+.col-xs-4{width:33.33333333333333%}
+.col-xs-5{width:41.66666666666667%}
+.col-xs-6{width:50%}
+.col-xs-7{width:58.333333333333336%}
+.col-xs-8{width:66.66666666666666%}
+.col-xs-9{width:75%}
+.col-xs-10{width:83.33333333333334%}
+.col-xs-11{width:91.66666666666666%}
+.col-xs-12{width:100%}
+@media (min-width:768px){.container{max-width:750px} .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:8.333333333333332%} .col-sm-2{width:16.666666666666664%} .col-sm-3{width:25%} .col-sm-4{width:33.33333333333333%} .col-sm-5{width:41.66666666666667%} .col-sm-6{width:50%} .col-sm-7{width:58.333333333333336%} .col-sm-8{width:66.66666666666666%} .col-sm-9{width:75%} .col-sm-10{width:83.33333333333334%} .col-sm-11{width:91.66666666666666%} .col-sm-12{width:100%} .col-sm-push-1{left:8.333333333333332%} .col-sm-push-2{left:16.666666666666664%} .col-sm-push-3{left:25%} .col-sm-push-4{left:33.33333333333333%} .col-sm-push-5{left:41.66666666666667%} .col-sm-push-6{left:50%} .col-sm-push-7{left:58.333333333333336%} .col-sm-push-8{left:66.66666666666666%} .col-sm-push-9{left:75%} .col-sm-push-10{left:83.33333333333334%} .col-sm-push-11{left:91.66666666666666%} .col-sm-pull-1{right:8.333333333333332%} .col-sm-pull-2{right:16.666666666666664%} .col-sm-pull-3{right:25%} .col-sm-pull-4{right:33.33333333333333%} .col-sm-pull-5{right:41.66666666666667%} .col-sm-pull-6{right:50%} .col-sm-pull-7{right:58.333333333333336%} .col-sm-pull-8{right:66.66666666666666%} .col-sm-pull-9{right:75%} .col-sm-pull-10{right:83.33333333333334%} .col-sm-pull-11{right:91.66666666666666%} .col-sm-offset-1{margin-left:8.333333333333332%} .col-sm-offset-2{margin-left:16.666666666666664%} .col-sm-offset-3{margin-left:25%} .col-sm-offset-4{margin-left:33.33333333333333%} .col-sm-offset-5{margin-left:41.66666666666667%} .col-sm-offset-6{margin-left:50%} .col-sm-offset-7{margin-left:58.333333333333336%} .col-sm-offset-8{margin-left:66.66666666666666%} .col-sm-offset-9{margin-left:75%} .col-sm-offset-10{margin-left:83.33333333333334%} .col-sm-offset-11{margin-left:91.66666666666666%}}@media (min-width:992px){.container{max-width:970px} .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:8.333333333333332%} .col-md-2{width:16.666666666666664%} .col-md-3{width:25%} .col-md-4{width:33.33333333333333%} .col-md-5{width:41.66666666666667%} .col-md-6{width:50%} .col-md-7{width:58.333333333333336%} .col-md-8{width:66.66666666666666%} .col-md-9{width:75%} .col-md-10{width:83.33333333333334%} .col-md-11{width:91.66666666666666%} .col-md-12{width:100%} .col-md-push-0{left:auto} .col-md-push-1{left:8.333333333333332%} .col-md-push-2{left:16.666666666666664%} .col-md-push-3{left:25%} .col-md-push-4{left:33.33333333333333%} .col-md-push-5{left:41.66666666666667%} .col-md-push-6{left:50%} .col-md-push-7{left:58.333333333333336%} .col-md-push-8{left:66.66666666666666%} .col-md-push-9{left:75%} .col-md-push-10{left:83.33333333333334%} .col-md-push-11{left:91.66666666666666%} .col-md-pull-0{right:auto} .col-md-pull-1{right:8.333333333333332%} .col-md-pull-2{right:16.666666666666664%} .col-md-pull-3{right:25%} .col-md-pull-4{right:33.33333333333333%} .col-md-pull-5{right:41.66666666666667%} .col-md-pull-6{right:50%} .col-md-pull-7{right:58.333333333333336%} .col-md-pull-8{right:66.66666666666666%} .col-md-pull-9{right:75%} .col-md-pull-10{right:83.33333333333334%} .col-md-pull-11{right:91.66666666666666%} .col-md-offset-0{margin-left:0} .col-md-offset-1{margin-left:8.333333333333332%} .col-md-offset-2{margin-left:16.666666666666664%} .col-md-offset-3{margin-left:25%} .col-md-offset-4{margin-left:33.33333333333333%} .col-md-offset-5{margin-left:41.66666666666667%} .col-md-offset-6{margin-left:50%} .col-md-offset-7{margin-left:58.333333333333336%} .col-md-offset-8{margin-left:66.66666666666666%} .col-md-offset-9{margin-left:75%} .col-md-offset-10{margin-left:83.33333333333334%} .col-md-offset-11{margin-left:91.66666666666666%}}@media (min-width:1200px){.container{max-width:1170px} .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:8.333333333333332%} .col-lg-2{width:16.666666666666664%} .col-lg-3{width:25%} .col-lg-4{width:33.33333333333333%} .col-lg-5{width:41.66666666666667%} .col-lg-6{width:50%} .col-lg-7{width:58.333333333333336%} .col-lg-8{width:66.66666666666666%} .col-lg-9{width:75%} .col-lg-10{width:83.33333333333334%} .col-lg-11{width:91.66666666666666%} .col-lg-12{width:100%} .col-lg-push-0{left:auto} .col-lg-push-1{left:8.333333333333332%} .col-lg-push-2{left:16.666666666666664%} .col-lg-push-3{left:25%} .col-lg-push-4{left:33.33333333333333%} .col-lg-push-5{left:41.66666666666667%} .col-lg-push-6{left:50%} .col-lg-push-7{left:58.333333333333336%} .col-lg-push-8{left:66.66666666666666%} .col-lg-push-9{left:75%} .col-lg-push-10{left:83.33333333333334%} .col-lg-push-11{left:91.66666666666666%} .col-lg-pull-0{right:auto} .col-lg-pull-1{right:8.333333333333332%} .col-lg-pull-2{right:16.666666666666664%} .col-lg-pull-3{right:25%} .col-lg-pull-4{right:33.33333333333333%} .col-lg-pull-5{right:41.66666666666667%} .col-lg-pull-6{right:50%} .col-lg-pull-7{right:58.333333333333336%} .col-lg-pull-8{right:66.66666666666666%} .col-lg-pull-9{right:75%} .col-lg-pull-10{right:83.33333333333334%} .col-lg-pull-11{right:91.66666666666666%} .col-lg-offset-0{margin-left:0} .col-lg-offset-1{margin-left:8.333333333333332%} .col-lg-offset-2{margin-left:16.666666666666664%} .col-lg-offset-3{margin-left:25%} .col-lg-offset-4{margin-left:33.33333333333333%} .col-lg-offset-5{margin-left:41.66666666666667%} .col-lg-offset-6{margin-left:50%} .col-lg-offset-7{margin-left:58.333333333333336%} .col-lg-offset-8{margin-left:66.66666666666666%} .col-lg-offset-9{margin-left:75%} .col-lg-offset-10{margin-left:83.33333333333334%} .col-lg-offset-11{margin-left:91.66666666666666%}}table{max-width:100%;background-color:transparent}
+th{text-align:left}
+.table{width:100%;margin-bottom:20px}.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}
+.table thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}
+.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child td{border-top:0}
+.table tbody+tbody{border-top:2px solid #ddd}
+.table .table{background-color:#fff}
+.table-condensed thead>tr>th,.table-condensed tbody>tr>th,.table-condensed tfoot>tr>th,.table-condensed thead>tr>td,.table-condensed tbody>tr>td,.table-condensed tfoot>tr>td{padding:5px}
+.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}
+.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}
+.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 col[class*="col-"]{float:none;display:table-column}
+table td[class*="col-"],table th[class*="col-"]{float:none;display:table-cell}
+.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}
+.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#f1f9f7;border-color:#e0f1e9}
+.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td{background-color:#e0f1ec;border-color:#ceeadc}
+.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede;border-color:#eed3d7}
+.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td{background-color:#ebcccc;border-color:#e6c1c7}
+.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3;border-color:#fbeed5}
+.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td{background-color:#faf2cc;border-color:#f8e5be}
+@media (max-width:768px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0;background-color:#fff}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap} .table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0} .table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0} .table-responsive>.table-bordered>thead>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>thead>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0}
+legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
+label{display:inline-block;margin-bottom:5px;font-weight:bold}
+input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
+input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}
+input[type="file"]{display:block}
+select[multiple],select[size]{height:auto}
+select optgroup{font-size:inherit;font-style:inherit;font-family:inherit}
+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}
+input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{height:auto}
+.form-control:-moz-placeholder{color:#999}
+.form-control::-moz-placeholder{color:#999}
+.form-control:-ms-input-placeholder{color:#999}
+.form-control::-webkit-input-placeholder{color:#999}
+.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-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-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}
+.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}
+textarea.form-control{height:auto}
+.form-group{margin-bottom:15px}
+.radio,.checkbox{display:block;min-height:20px;margin-top:10px;margin-bottom:10px;padding-left:20px;vertical-align:middle}.radio label,.checkbox 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}
+.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}
+input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}
+.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}
+textarea.input-sm{height:auto}
+.input-lg{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:45px;line-height:45px}
+textarea.input-lg{height:auto}
+.has-warning .help-block,.has-warning .control-label{color:#c09853}
+.has-warning .form-control{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}
+.has-warning .input-group-addon{color:#c09853;border-color:#c09853;background-color:#fcf8e3}
+.has-error .help-block,.has-error .control-label{color:#b94a48}
+.has-error .form-control{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392}
+.has-error .input-group-addon{color:#b94a48;border-color:#b94a48;background-color:#f2dede}
+.has-success .help-block,.has-success .control-label{color:#1d9d74}
+.has-success .form-control{border-color:#1d9d74;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#157254;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #44dcab;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #44dcab}
+.has-success .input-group-addon{color:#1d9d74;border-color:#1d9d74;background-color:#f1f9f7}
+.form-control-static{margin-bottom:0;padding-top:7px}
+.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}
+@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle} .form-inline .form-control{display:inline-block} .form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0} .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}}
+.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}
+.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-group:before,.form-horizontal .form-group:after{content:" ";display:table;}
+.form-horizontal .form-group:after{clear:both}
+.form-horizontal .form-group:before,.form-horizontal .form-group:after{content:" ";display:table;}
+.form-horizontal .form-group:after{clear:both}
+@media (min-width:768px){.form-horizontal .control-label{text-align:right}}
+.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
+.btn:hover,.btn:focus{color:#333;text-decoration:none}
+.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
+.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
+.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}
+.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}
+.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}
+.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}
+.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}
+.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}
+.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}
+.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}
+.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}
+.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}
+.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}
+.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}
+.btn-success{color:#fff;background-color:#61ba9e;border-color:#4fb393}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#49a98a;border-color:#3b8970}
+.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}
+.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#61ba9e;border-color:#4fb393}
+.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}
+.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}
+.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}
+.btn-link{color:#21b384;font-weight:normal;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
+.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}
+.btn-link:hover,.btn-link:focus{color:#198764;text-decoration:underline;background-color:transparent}
+.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}
+.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
+.btn-sm,.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
+.btn-xs{padding:1px 5px}
+.btn-block{display:block;width:100%;padding-left:0;padding-right:0}
+.btn-block+.btn-block{margin-top:5px}
+input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}
+.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}
+.collapse{display:none}.collapse.in{display:block}
+.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}
+@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')}.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}
+.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"}
+.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000;border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:0 dotted;content:""}
+.dropdown{position:relative}
+.dropdown-toggle:focus{outline:0}
+.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;font-size:14px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}
+.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
+.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333;white-space:nowrap}
+.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#fff;background-color:#1d9d74}
+.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#1d9d74}
+.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}
+.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:not-allowed}
+.open>.dropdown-menu{display:block}
+.open>a{outline:0}
+.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}
+.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 dotted;border-bottom:4px solid #000;content:""}
+.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}
+@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}}.btn-default .caret{border-top-color:#333}
+.btn-primary .caret,.btn-success .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret{border-top-color:#fff}
+.dropup .btn-default .caret{border-bottom-color:#333}
+.dropup .btn-primary .caret,.dropup .btn-success .caret,.dropup .btn-warning .caret,.dropup .btn-danger .caret,.dropup .btn-info .caret{border-bottom-color:#fff}
+.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}
+.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:none}
+.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}
+.btn-toolbar:before,.btn-toolbar:after{content:" ";display:table;}
+.btn-toolbar:after{clear:both}
+.btn-toolbar:before,.btn-toolbar:after{content:" ";display:table;}
+.btn-toolbar:after{clear:both}
+.btn-toolbar .btn-group{float:left}
+.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn-group{margin-left:5px}
+.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
+.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}
+.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}
+.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,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}
+.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}
+.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}
+.btn-group-xs>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;padding:1px 5px}
+.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
+.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
+.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}
+.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}
+.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
+.btn .caret{margin-left:0}
+.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}
+.dropup .btn-lg .caret{border-width:0 5px 5px}
+.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{display:block;float:none;width:100%;max-width:100%}
+.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{content:" ";display:table;}
+.btn-group-vertical>.btn-group:after{clear:both}
+.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{content:" ";display:table;}
+.btn-group-vertical>.btn-group:after{clear:both}
+.btn-group-vertical>.btn-group>.btn{float:none}
+.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}
+.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}
+.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
+.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-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,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}
+.btn-group-vertical>.btn-group:last-child>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}
+.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified .btn{float:none;display:table-cell;width:1%}
+[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}
+.input-group{position:relative;display:table;border-collapse:separate}.input-group.col{float:none;padding-left:0;padding-right:0}
+.input-group .form-control{width:100%;margin-bottom:0}
+.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:45px;line-height:45px}
+textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}
+.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}
+textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}
+.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}
+.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
+.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}
+.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}
+.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}
+.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-bottom-right-radius:0;border-top-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-bottom-left-radius:0;border-top-left-radius:0}
+.input-group-addon:last-child{border-left:0}
+.input-group-btn{position:relative;white-space:nowrap}
+.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-4px}
+.input-group-btn>.btn:hover,.input-group-btn>.btn:active{z-index:2}
+.nav{margin-bottom:0;padding-left:0;list-style:none}.nav:before,.nav:after{content:" ";display:table;}
+.nav:after{clear:both}
+.nav:before,.nav:after{content:" ";display:table;}
+.nav:after{clear:both}
+.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}
+.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}
+.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#21b384}
+.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
+.nav>li>a>img{max-width:none}
+.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
+.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}
+.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center}
+@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}}.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;margin-right:0}
+.nav-tabs.nav-justified>.active>a{border-bottom-color:#fff}
+.nav-pills>li{float:left}.nav-pills>li>a{border-radius:5px}
+.nav-pills>li+li{margin-left:2px}
+.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#1d9d74}
+.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}
+.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center}
+@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}}
+.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;margin-right:0}
+.nav-tabs-justified>.active>a{border-bottom-color:#fff}
+.tabbable:before,.tabbable:after{content:" ";display:table;}
+.tabbable:after{clear:both}
+.tabbable:before,.tabbable:after{content:" ";display:table;}
+.tabbable:after{clear:both}
+.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}
+.tab-content>.active,.pill-content>.active{display:block}
+.nav .caret{border-top-color:#21b384;border-bottom-color:#21b384}
+.nav a:hover .caret{border-top-color:#198764;border-bottom-color:#198764}
+.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}
+.navbar{position:relative;z-index:1000;min-height:40px;margin-bottom:20px;border:1px solid transparent}.navbar:before,.navbar:after{content:" ";display:table;}
+.navbar:after{clear:both}
+.navbar:before,.navbar:after{content:" ";display:table;}
+.navbar:after{clear:both}
+@media (min-width:768px){.navbar{border-radius:4px}}
+.navbar-header:before,.navbar-header:after{content:" ";display:table;}
+.navbar-header:after{clear:both}
+.navbar-header:before,.navbar-header:after{content:" ";display:table;}
+.navbar-header:after{clear:both}
+@media (min-width:768px){.navbar-header{float:left}}
+.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse:before,.navbar-collapse:after{content:" ";display:table;}
+.navbar-collapse:after{clear:both}
+.navbar-collapse:before,.navbar-collapse:after{content:" ";display:table;}
+.navbar-collapse:after{clear:both}
+.navbar-collapse.in{overflow-y:auto}
+@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important} .navbar-collapse.in{overflow-y:visible} .navbar-collapse .navbar-nav.navbar-left:first-child{margin-left:-15px} .navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:-15px} .navbar-collapse .navbar-text:last-child{margin-right:0}}
+.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}
+.navbar-static-top{border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}
+.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;border-width:0 0 1px}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}
+.navbar-fixed-top{z-index:1030;top:0}
+.navbar-fixed-bottom{bottom:0;margin-bottom:0}
+.navbar-brand{float:left;padding:10px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}
+@media (min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}
+.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:3px;margin-bottom:3px;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
+.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
+@media (min-width:768px){.navbar-toggle{display:none}}
+.navbar-nav{margin:5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}
+@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px} .navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}}
+@media (min-width:768px){.navbar-left{float:left !important} .navbar-right{float:right !important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:3px;margin-bottom:3px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle} .navbar-form .form-control{display:inline-block} .navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0} .navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}
+@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}
+.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}
+.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}
+.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right{left:auto;right:0}
+.navbar-btn{margin-top:3px;margin-bottom:3px}
+.navbar-text{float:left;margin-top:10px;margin-bottom:10px}@media (min-width:768px){.navbar-text{margin-left:15px;margin-right:15px}}
+.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
+.navbar-default .navbar-text{color:#777}
+.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}
+.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}
+.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}
+.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
+.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}
+.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e6e6e6}
+.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}
+.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}
+.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}
+@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent} .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7} .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}
+.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}
+.navbar-inverse{background-color:#1d9d74;border-color:#1b926c}.navbar-inverse .navbar-brand{color:#fff}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}
+.navbar-inverse .navbar-text{color:#8eceba}
+.navbar-inverse .navbar-nav>li>a{color:#b0ddce}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}
+.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#1b926c}
+.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}
+.navbar-inverse .navbar-toggle{border-color:#c7e7dc}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#fff}
+.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}
+.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#177f5e}
+.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#1b926c;color:#fff}
+.navbar-inverse .navbar-nav>.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}
+.navbar-inverse .navbar-nav>.dropdown>a .caret{border-top-color:#b0ddce;border-bottom-color:#b0ddce}
+.navbar-inverse .navbar-nav>.open>a .caret,.navbar-inverse .navbar-nav>.open>a:hover .caret,.navbar-inverse .navbar-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}
+@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#1b926c} .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#b0ddce}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent} .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#1b926c} .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}
+.navbar-inverse .navbar-link{color:#b0ddce}.navbar-inverse .navbar-link:hover{color:#fff}
+.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}
+.breadcrumb>.active{color:#999}
+.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
+.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
+.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}
+.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}
+.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}
+.pagination>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}
+.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}
+.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}
+.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}
+.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}
+.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}
+.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}
+.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager:before,.pager:after{content:" ";display:table;}
+.pager:after{clear:both}
+.pager:before,.pager:after{content:" ";display:table;}
+.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;border-radius:15px}
+.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}
+.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:#999;background-color:#fff;cursor:not-allowed}
+.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}
+.label:empty{display:none}
+.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}
+.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}
+.label-success{background-color:#61ba9e}.label-success[href]:hover,.label-success[href]:focus{background-color:#46a285}
+.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}
+.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}
+.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}
+.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}.badge:empty{display:none}
+a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}
+.btn .badge{position:relative;top:-1px}
+a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#21b384;background-color:#fff}
+.nav-pills>li>a>.badge{margin-left:3px}
+.jumbotron{padding:30px;margin-bottom:30px;font-size:21px;font-weight:200;line-height:2.1428571435;color:#fff;background-color:#1d9d74}.jumbotron h1{line-height:1;color:inherit}
+.jumbotron p{line-height:1.4}
+.container .jumbotron{border-radius:6px}
+@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px} .jumbotron h1{font-size:63px}}
+.thumbnail{padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto;display:block}.thumbnail>img{height:auto;display:block;max-width:100%;height:auto}
+a.thumbnail:hover,a.thumbnail:focus{border-color:#21b384}
+.thumbnail>img{margin-left:auto;margin-right:auto}
+.thumbnail .caption{padding:9px;color:#333}
+.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}
+.alert .alert-link{font-weight:bold}
+.alert>p,.alert>ul{margin-bottom:0}
+.alert>p+p{margin-top:5px}
+.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}
+.alert-success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}.alert-success hr{border-top-color:#ceeadc}
+.alert-success .alert-link{color:#157254}
+.alert-info{background-color:#f0f9ff;border-color:#ccf3ff;color:#007dbc}.alert-info hr{border-top-color:#b3edff}
+.alert-info .alert-link{color:#005b89}
+.alert-warning{background-color:#fcf8e3;border-color:#fbeed5;color:#c09853}.alert-warning hr{border-top-color:#f8e5be}
+.alert-warning .alert-link{color:#a47e3c}
+.alert-danger{background-color:#f2dede;border-color:#eed3d7;color:#b94a48}.alert-danger hr{border-top-color:#e6c1c7}
+.alert-danger .alert-link{color:#953b39}
+@-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}}@-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:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}
+.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#428bca;-webkit-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-transition:width .6s ease;transition:width .6s ease}
+.progress-striped .progress-bar{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.15)), color-stop(.75, rgba(255,255,255,0.15)), color-stop(.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: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-size:40px 40px}
+.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}
+.progress-bar-success{background-color:#61ba9e}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.15)), color-stop(.75, rgba(255,255,255,0.15)), color-stop(.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: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-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.15)), color-stop(.75, rgba(255,255,255,0.15)), color-stop(.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: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-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.15)), color-stop(.75, rgba(255,255,255,0.15)), color-stop(.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: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-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.15)), color-stop(.75, rgba(255,255,255,0.15)), color-stop(.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: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)}
+.media,.media-body{overflow:hidden;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{padding-left:0;list-style:none}
+.list-group{margin-bottom:20px;padding-left:0}
+.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}
+.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
+.list-group-item>.badge{float:right}
+.list-group-item>.badge+.badge{margin-right:5px}
+a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}
+a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}
+.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#1d9d74;border-color:#1d9d74}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading{color:inherit}
+.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#9aecd2}
+.list-group-item-heading{margin-top:0;margin-bottom:5px}
+.list-group-item-text{margin-bottom:0;line-height:1.3}
+.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}
+.panel-body{padding:15px}.panel-body:before,.panel-body:after{content:" ";display:table;}
+.panel-body:after{clear:both}
+.panel-body:before,.panel-body:after{content:" ";display:table;}
+.panel-body:after{clear:both}
+.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0}.panel>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}
+.panel>.list-group .list-group-item:last-child{border-bottom:0}
+.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}
+.panel>.table{margin-bottom:0}
+.panel>.panel-body+.table{border-top:1px solid #ddd}
+.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}
+.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title>a{color:inherit}
+.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
+.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}.panel-group .panel+.panel{margin-top:5px}
+.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}
+.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}
+.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}
+.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}
+.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}
+.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}
+.panel-success{border-color:#e0f1e9}.panel-success>.panel-heading{color:#1d9d74;background-color:#f1f9f7;border-color:#e0f1e9}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#e0f1e9}
+.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#e0f1e9}
+.panel-warning{border-color:#fbeed5}.panel-warning>.panel-heading{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#fbeed5}
+.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#fbeed5}
+.panel-danger{border-color:#eed3d7}.panel-danger>.panel-heading{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#eed3d7}
+.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#eed3d7}
+.panel-info{border-color:#ccf3ff}.panel-info>.panel-heading{color:#007dbc;background-color:#f0f9ff;border-color:#ccf3ff}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#ccf3ff}
+.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ccf3ff}
+.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-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-lg{padding:24px;border-radius:6px}
+.well-sm{padding:9px;border-radius:3px}
+.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
+button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
+.modal-open{overflow:hidden}body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom{margin-right:15px}
+.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}
+.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}
+.modal-dialog{margin-left:auto;margin-right:auto;width:auto;padding:10px;z-index:1050}
+.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;outline:none}
+.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
+.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}
+.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.428571429px}
+.modal-header .close{margin-top:-2px}
+.modal-title{margin:0;line-height:1.428571429}
+.modal-body{position:relative;padding:20px}
+.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{content:" ";display:table;}
+.modal-footer:after{clear:both}
+.modal-footer:before,.modal-footer:after{content:" ";display:table;}
+.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}
+@media screen and (min-width:768px){.modal-dialog{left:50%;right:auto;width:600px;padding-top:30px;padding-bottom:30px} .modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}
+.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:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;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:#000}
+.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}
+.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}
+.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
+.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
+.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
+.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}
+.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}
+.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-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;border-radius:5px 5px 0 0}
+.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{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}
+.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{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}
+.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{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}
+.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{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}
+.carousel{position:relative}
+.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto;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:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:30px;color:#157254;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,0.25)}.carousel-control.left{background-image:-webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001)));background-image:-webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.5) 0), color-stop(rgba(0,0,0,0.0001) 100%));background-image:-moz-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}
+.carousel-control.right{left:auto;right:0;background-image:-webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5)));background-image:-webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.0001) 0), color-stop(rgba(0,0,0,0.5) 100%));background-image:-moz-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}
+.carousel-control:hover,.carousel-control:focus{color:#157254;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}
+.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;left:50%;z-index:5;display:inline-block}
+.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}
+.carousel-control .icon-prev:before{content:'\2039'}
+.carousel-control .icon-next:before{content:'\203a'}
+.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}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer}
+.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}
+.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,0.25)}.carousel-caption .btn{text-shadow:none}
+@media screen and (min-width:768px){.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px} .carousel-caption{left:20%;right:20%;padding-bottom:30px} .carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after{content:" ";display:table;}
+.clearfix:after{clear:both}
+.pull-right{float:right !important}
+.pull-left{float:left !important}
+.hide{display:none !important}
+.show{display:block !important}
+.invisible{visibility:hidden}
+.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
+.affix{position:fixed}
+@-ms-viewport{width:device-width}@media screen and (max-width:400px){@-ms-viewport{width:320px}}.hidden{display:none !important;visibility:hidden !important}
+.visible-xs{display:none !important}tr.visible-xs{display:none !important}
+th.visible-xs,td.visible-xs{display:none !important}
+@media (max-width:767px){.visible-xs{display:block !important}tr.visible-xs{display:table-row !important} th.visible-xs,td.visible-xs{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block !important}tr.visible-xs.visible-sm{display:table-row !important} th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell !important}}
+@media (min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block !important}tr.visible-xs.visible-md{display:table-row !important} th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell !important}}
+@media (min-width:1200px){.visible-xs.visible-lg{display:block !important}tr.visible-xs.visible-lg{display:table-row !important} th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell !important}}
+.visible-sm{display:none !important}tr.visible-sm{display:none !important}
+th.visible-sm,td.visible-sm{display:none !important}
+@media (max-width:767px){.visible-sm.visible-xs{display:block !important}tr.visible-sm.visible-xs{display:table-row !important} th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell !important}}
+@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}tr.visible-sm{display:table-row !important} th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block !important}tr.visible-sm.visible-md{display:table-row !important} th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell !important}}
+@media (min-width:1200px){.visible-sm.visible-lg{display:block !important}tr.visible-sm.visible-lg{display:table-row !important} th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell !important}}
+.visible-md{display:none !important}tr.visible-md{display:none !important}
+th.visible-md,td.visible-md{display:none !important}
+@media (max-width:767px){.visible-md.visible-xs{display:block !important}tr.visible-md.visible-xs{display:table-row !important} th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell !important}}
+@media (min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block !important}tr.visible-md.visible-sm{display:table-row !important} th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell !important}}
+@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}tr.visible-md{display:table-row !important} th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:1200px){.visible-md.visible-lg{display:block !important}tr.visible-md.visible-lg{display:table-row !important} th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell !important}}
+.visible-lg{display:none !important}tr.visible-lg{display:none !important}
+th.visible-lg,td.visible-lg{display:none !important}
+@media (max-width:767px){.visible-lg.visible-xs{display:block !important}tr.visible-lg.visible-xs{display:table-row !important} th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell !important}}
+@media (min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block !important}tr.visible-lg.visible-sm{display:table-row !important} th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell !important}}
+@media (min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block !important}tr.visible-lg.visible-md{display:table-row !important} th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell !important}}
+@media (min-width:1200px){.visible-lg{display:block !important}tr.visible-lg{display:table-row !important} th.visible-lg,td.visible-lg{display:table-cell !important}}
+.hidden-xs{display:block !important}tr.hidden-xs{display:table-row !important}
+th.hidden-xs,td.hidden-xs{display:table-cell !important}
+@media (max-width:767px){.hidden-xs{display:none !important}tr.hidden-xs{display:none !important} th.hidden-xs,td.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm{display:none !important}tr.hidden-xs.hidden-sm{display:none !important} th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none !important}}
+@media (min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md{display:none !important}tr.hidden-xs.hidden-md{display:none !important} th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none !important}}
+@media (min-width:1200px){.hidden-xs.hidden-lg{display:none !important}tr.hidden-xs.hidden-lg{display:none !important} th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none !important}}
+.hidden-sm{display:block !important}tr.hidden-sm{display:table-row !important}
+th.hidden-sm,td.hidden-sm{display:table-cell !important}
+@media (max-width:767px){.hidden-sm.hidden-xs{display:none !important}tr.hidden-sm.hidden-xs{display:none !important} th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none !important}}
+@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}tr.hidden-sm{display:none !important} th.hidden-sm,td.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md{display:none !important}tr.hidden-sm.hidden-md{display:none !important} th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none !important}}
+@media (min-width:1200px){.hidden-sm.hidden-lg{display:none !important}tr.hidden-sm.hidden-lg{display:none !important} th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none !important}}
+.hidden-md{display:block !important}tr.hidden-md{display:table-row !important}
+th.hidden-md,td.hidden-md{display:table-cell !important}
+@media (max-width:767px){.hidden-md.hidden-xs{display:none !important}tr.hidden-md.hidden-xs{display:none !important} th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none !important}}
+@media (min-width:768px) and (max-width:991px){.hidden-md.hidden-sm{display:none !important}tr.hidden-md.hidden-sm{display:none !important} th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none !important}}
+@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}tr.hidden-md{display:none !important} th.hidden-md,td.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-md.hidden-lg{display:none !important}tr.hidden-md.hidden-lg{display:none !important} th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none !important}}
+.hidden-lg{display:block !important}tr.hidden-lg{display:table-row !important}
+th.hidden-lg,td.hidden-lg{display:table-cell !important}
+@media (max-width:767px){.hidden-lg.hidden-xs{display:none !important}tr.hidden-lg.hidden-xs{display:none !important} th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none !important}}
+@media (min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm{display:none !important}tr.hidden-lg.hidden-sm{display:none !important} th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none !important}}
+@media (min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md{display:none !important}tr.hidden-lg.hidden-md{display:none !important} th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none !important}}
+@media (min-width:1200px){.hidden-lg{display:none !important}tr.hidden-lg{display:none !important} th.hidden-lg,td.hidden-lg{display:none !important}}
+.visible-print{display:none !important}tr.visible-print{display:none !important}
+th.visible-print,td.visible-print{display:none !important}
+@media print{.visible-print{display:block !important}tr.visible-print{display:table-row !important} th.visible-print,td.visible-print{display:table-cell !important} .hidden-print{display:none !important}tr.hidden-print{display:none !important} th.hidden-print,td.hidden-print{display:none !important}}.navbar{margin-bottom:0}
+.navbar-inverse{background-color:#1fa67a}
+.navbar-brand{font-family:museo-slab,Georgia,"Times New Roman",Times,serif;font-weight:300;font-size:20px}.navbar-brand .fa-flag{padding-right:3px}
+.navbar-nav>li>a{padding:11px 10px 9px}
+.navbar-nav>li.dropdown-split-right>a{padding-left:7px}
+.navbar-nav>li.dropdown-split-left>a{padding-right:0}
+.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#1b926c}
+.navbar-inverse .navbar-toggle{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.15);padding:4px 10px;margin-top:5px;margin-bottom:5px}.navbar-inverse .navbar-toggle:hover{background-color:#f4faf8;border-color:#f4faf8;color:#1d9d74;text-shadow:0 -1px 0 #fff}
+.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)}
+.jumbotron{background-color:#1fa67a;border-top:1px solid #34a782;border-bottom:1px solid #1b926c;margin-bottom:0;padding:50px 0 40px}.jumbotron,.jumbotron h1{color:#fff}
+.jumbotron h1{font-size:80px;letter-spacing:-2px;line-height:1;text-shadow:4px 3px 0 #1d9d74,9px 8px 0 rgba(0,0,0,0.15);margin:0 0 15px}
+.jumbotron p{font-family:proxima-nova-sc-osf,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#c7e7dc;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:#eee;color:#222;border-bottom-color:#d9d9d9;border-top-color:#f7f7f7}.jumbotron-icon,.jumbotron-icon h1{text-shadow:0 1px 0 #fff}
+.jumbotron-icon h1{color:#222;font-size:30px;margin-top:22px}.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-icons{font-size:14px}
+.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 .fa-2{font-size:2em}
+.jumbotron-icon .fa-3{font-size:4em}
+.jumbotron-icon .fa-4{font-size:7em}
+.jumbotron-icon .fa-5{font-size:12em}
+.jumbotron-icon .fa-6{font-size:20em}
+.jumbotron-icon .fa-1,.jumbotron-icon .fa-2,.jumbotron-icon .fa-3,.jumbotron-icon .fa-4,.jumbotron-icon .fa-5,.jumbotron-icon .fa-6{margin-right:.07142857142857142em}
+.well-transparent{background-color:transparent}
+.small-caps{font-family:proxima-nova-sc-osf,"Helvetica Neue",Helvetica,Arial,sans-serif}
+section{margin-top:40px}
+#social-buttons{padding:22px 0 17px;text-align:center;background-color:#f5f5f5;border-top:1px solid #fff;border-bottom:1px solid #eee}#social-buttons ul.list-inline{margin-bottom:0}
+#icon-carousel{margin-top:5px;font-size:220px;text-align:center;line-height:225px;text-shadow:0 2px 0 rgba(0,0,0,0.15)}
+.carousel-control{top:230px;width:30px;height:30px;border-width:0;font-size:30px;line-height:25px;left:114px}.carousel-control.right{left:auto;right:114px}
+.carousel-control.right,.carousel-control.left{background-image:none;filter:none}
+.jumbotron-carousel{padding-top:40px}.jumbotron-carousel .btn{margin-top:22px;font-family:museo-slab,Georgia,"Times New Roman",Times,serif;font-size:24px;padding:17px 30px;color:#fff;border-color:#c7e7dc;background-color:transparent;text-shadow:0 1px 0 rgba(0,0,0,0.15)}.jumbotron-carousel .btn:hover{background-color:#f4faf8;border-color:#f4faf8;color:#1d9d74;text-shadow:0 -1px 0 #fff}
+.jumbotron-carousel .shameless-self-promotion{margin-top:22px;font-size:14px;line-height:1.428571429;color:#8eceba;text-shadow:0 1px 0 rgba(0,0,0,0.15)}.jumbotron-carousel .shameless-self-promotion a{color:#bbe2d5;border-bottom:dotted 1px #8eceba}.jumbotron-carousel .shameless-self-promotion a:hover{color:#fff;text-decoration:none;border-bottom:solid 1px #fff}
+.stripe-ad{margin-bottom:22px}.stripe-ad .lead{padding-top:10px;padding-right:30px}
+.fontawesome-icon-list{margin-top:22px}.fontawesome-icon-list .fa-hover a{display:block;color:#222;line-height:32px;height:32px;padding-left:10px;border-radius:4px}.fontawesome-icon-list .fa-hover a .fa{width:32px;font-size:14px;display:inline-block;text-align:right;margin-right:10px}
+.fontawesome-icon-list .fa-hover a:hover{background-color:#1d9d74;color:#fff;text-decoration:none}.fontawesome-icon-list .fa-hover a:hover .fa{font-size:28px;vertical-align:-6px}
+.fontawesome-icon-list .fa-hover a:hover .text-muted{color:#bbe2d5}
+.feature-list .col-md-4{margin-bottom:22px}
+.feature-list h4 .fa: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:#999}
+.rating span.star:hover:before,.rating span.star:hover~span.star:before{content:"\f005";color:#e3cf7a}
+#footer{background-color:#1fa67a;border-top:1px solid #1b926c;color:#a5d8c7;text-shadow:0 1px 0 rgba(0,0,0,0.15)}#footer a{color:#d2ebe3;border-bottom:dotted 1px #a5d8c7}#footer a:hover{color:#fff;text-decoration:none;border-bottom:solid 1px #fff}
+#footer .container{padding-top:40px}
+#footer .project{margin-top:10px}
+html,body{height:100%}
+#wrap{min-height:100%;height:auto !important;height:100%}
+#wrap{margin:0 auto -165px;padding:0 0 225px}
+#footer{height:165px}
+.padding-none{padding:0 !important}
+.padding{padding:10px !important}
+.padding-sm{padding:5px !important}
+.padding-lg{padding:22px !important}
+.padding-top-none{padding-top:0 !important}
+.padding-top{padding-top:10px !important}
+.padding-top-sm{padding-top:5px !important}
+.padding-top-lg{padding-top:22px !important}
+.padding-right-none{padding-right:0 !important}
+.padding-right{padding-right:10px !important}
+.padding-right-sm{padding-right:5px !important}
+.padding-right-lg{padding-right:22px !important}
+.padding-bottom-none{padding-bottom:0 !important}
+.padding-bottom{padding-bottom:10px !important}
+.padding-bottom-sm{padding-bottom:5px !important}
+.padding-bottom-lg{padding-bottom:22px !important}
+.padding-left-none{padding-left:0 !important}
+.padding-left{padding-left:10px !important}
+.padding-left-sm{padding-left:5px !important}
+.padding-left-lg{padding-left:22px !important}
+.margin-none{margin:0 !important}
+.margin{margin:10px !important}
+.margin-sm{margin:5px !important}
+.margin-lg{margin:22px !important}
+.margin-top-none{margin-top:0 !important}
+.margin-top{margin-top:10px !important}
+.margin-top-lg{margin-top:22px !important}
+.margin-top-sm{margin-top:5px !important}
+.margin-right-none{margin-right:0 !important}
+.margin-right{margin-right:10px !important}
+.margin-right-lg{margin-right:22px !important}
+.margin-right-sm{margin-right:5px !important}
+.margin-bottom-none{margin-bottom:0 !important}
+.margin-bottom{margin-bottom:10px !important}
+.margin-bottom-lg{margin-bottom:22px !important}
+.margin-bottom-sm{margin-bottom:5px !important}
+.margin-left-none{margin-left:0 !important}
+.margin-left{margin-left:10px !important}
+.margin-left-lg{margin-left:22px !important}
+.margin-left-sm{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:#333}
+.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:1.428571429;font-weight:normal}
+.text-hilite{color:#21b384}.text-hilite:hover{color:#198764;text-decoration:underline}
+.text-strike{text-decoration:line-through}
+.text-upper{text-transform:uppercase}
+.text-lower{text-transform:lowercase}
+#carbonads-container .carbonad{background:#f5f5f5;border-color:#eee;border-radius:4px;border-width:1px;float:right;margin-left:22px}
+.info-ad #carbonads-container .carbonad{float:none}
+.jumbotron,.navbar-inverse,#footer{position:relative}.jumbotron:after,.navbar-inverse:after,#footer: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}
+.jumbotron .container,.navbar-inverse .container,#footer .container{position:relative;z-index:2}
+.jumbotron-icon:after{opacity:.1}
+@media (min-width:1200px){#icon-carousel{font-size:240px;line-height:245px;margin-top:22px} .carousel-control{top:245px;width:30px;height:30px;font-size:40px;line-height:35px;left:143px}.carousel-control.right{right:143px} .jumbotron-ad{padding:50px 0}.jumbotron-ad h1{margin-top:25px;font-size:90px} .jumbotron-ad p{font-size:28px;margin:35px 0 20px} .jumbotron-carousel{padding:50px 0}.jumbotron-carousel h1{font-size:100px} .jumbotron-carousel p{font-size:32px;margin:20px 0} .jumbotron-carousel .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}}@media (min-width:992px) and (max-width:1199px){.hide-md{display:none}}@media (min-width:768px) and (max-width:991px){#icon-carousel{font-size:200px;line-height:205px} .carousel-control{top:210px;width:30px;height:30px;left:78px}.carousel-control.right{right:78px} .jumbotron-carousel{padding:50px 0}.jumbotron-carousel h1{font-size:65px} .jumbotron-carousel p{font-size:23px} .jumbotron-carousel .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} #wrap{margin:0 auto -185px;padding:0 0 245px} #footer{height:185px} .hide-sm{display:none}}@media (max-width:767px){#icon-carousel{font-size:180px;line-height:180px;width:280px;margin:30px auto 0} .carousel-control{top:40%;width:44px;height:44px;font-size:44px;line-height:44px;left:-7px}.carousel-control.right{right:-7px} .jumbotron-carousel h1{font-size:58px} .jumbotron-carousel p{font-size:24px} .jumbotron-carousel .btn-large{font-size:20px;padding:14px 26px} .jumbotron-carousel .shameless-self-promotion{font-size:12px} .jumbotron-ad h1{font-size:39px} .jumbotron-ad p{font-size:20px;margin-bottom:20px} .jumbotron-icon .fa-1,.jumbotron-icon .fa-2,.jumbotron-icon .fa-3,.jumbotron-icon .fa-4,.jumbotron-icon .fa-5,.jumbotron-icon .fa-6{margin-right:0} .jumbotron-icon .fa-6{font-size:16em} .jumbotron-icon h1 small{display:block;margin-top:15px;margin-left:0;line-height:20px} .stripe-ad .lead{margin-top:22px;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:22px} #wrap{margin:0 auto -245px;padding:0 0 305px} #footer{height:245px} .hide-xs{display:none}}
diff --git a/assets/font-awesome-4.0.0.zip b/assets/font-awesome-4.0.0.zip
new file mode 100644
index 000000000..1260d57b7
Binary files /dev/null and b/assets/font-awesome-4.0.0.zip differ
diff --git a/assets/font-awesome/css/font-awesome.css b/assets/font-awesome/css/font-awesome.css
index 7ede1828a..6cc0626bc 100644
--- a/assets/font-awesome/css/font-awesome.css
+++ b/assets/font-awesome/css/font-awesome.css
@@ -1,5 +1,5 @@
 /*!
- *  Font Awesome 3.2.1
+ *  Font Awesome 4.0.0
  *  the iconic font designed for Bootstrap
  *  ------------------------------------------------------------------------------
  *  The full suite of pictographic icons, examples, and documentation can be
@@ -27,119 +27,64 @@
  * -------------------------- */
 @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.0');
+  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.0#fontawesomeregular') 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;
+.fa {
   display: inline-block;
-  speak: none;
+  font-family: FontAwesome;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -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;
 }
-.icons-ul {
+.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;
 }
-.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;
+.fa-li.fa-lg {
+  left: -1.8571428571428572em;
 }
-.icon-muted {
-  color: #eeeeee;
-}
-.icon-light {
-  color: #ffffff;
-}
-.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;
@@ -147,147 +92,18 @@ a [class*=" icon-"] {
 .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);
@@ -328,1152 +144,1217 @@ a .icon-spin {
     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;
+  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-move: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-resize-full:before {
   content: "\f065";
 }
-.icon-resize-small:before {
+.fa-resize-small: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-resize-vertical:before {
   content: "\f07d";
 }
-.icon-resize-horizontal:before {
+.fa-resize-horizontal: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:before {
   content: "\f0a0";
 }
-.icon-bullhorn:before {
+.fa-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 {
+.fa-bell:before {
   content: "\f0f3";
 }
-.icon-coffee:before {
+.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-fullscreen:before {
+  content: "\f0b2";
+}
+.fa-group: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-reorder: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";
 }
-.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:before {
   content: "\f0f7";
 }
-.icon-hospital:before {
+.fa-hospital: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 {
+.fa-expand-o:before {
   content: "\f116";
 }
-.icon-collapse-alt:before {
+.fa-collapse-o: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-o:before {
   content: "\f13e";
 }
-.icon-bullseye:before {
+.fa-bullseye:before {
   content: "\f140";
 }
-.icon-ellipsis-horizontal:before {
+.fa-ellipsis-horizontal:before {
   content: "\f141";
 }
-.icon-ellipsis-vertical:before {
+.fa-ellipsis-vertical: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";
+}
diff --git a/assets/font-awesome/css/font-awesome.min.css b/assets/font-awesome/css/font-awesome.min.css
index 866437fa4..6dca74acc 100644
--- a/assets/font-awesome/css/font-awesome.min.css
+++ b/assets/font-awesome/css/font-awesome.min.css
@@ -1,403 +1,395 @@
-@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-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.0.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.0.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.0.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.0.0#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;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-move: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-resize-full:before{content:"\f065"}
+.fa-resize-small: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-resize-vertical:before{content:"\f07d"}
+.fa-resize-horizontal: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: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-fullscreen:before{content:"\f0b2"}
+.fa-group: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-reorder: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:before{content:"\f0f7"}
+.fa-hospital: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-expand-o:before{content:"\f116"}
+.fa-collapse-o:before{content:"\f117"}
+.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-o:before{content:"\f13e"}
+.fa-bullseye:before{content:"\f140"}
+.fa-ellipsis-horizontal:before{content:"\f141"}
+.fa-ellipsis-vertical: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"}
diff --git a/assets/font-awesome/fonts/FontAwesome.otf b/assets/font-awesome/fonts/FontAwesome.otf
new file mode 100644
index 000000000..4dfe30ac7
Binary files /dev/null and b/assets/font-awesome/fonts/FontAwesome.otf differ
diff --git a/assets/font-awesome/fonts/fontawesome-webfont.eot b/assets/font-awesome/fonts/fontawesome-webfont.eot
new file mode 100755
index 000000000..e054c93d1
Binary files /dev/null and b/assets/font-awesome/fonts/fontawesome-webfont.eot differ
diff --git a/assets/font-awesome/fonts/fontawesome-webfont.svg b/assets/font-awesome/fonts/fontawesome-webfont.svg
new file mode 100755
index 000000000..36d43b844
--- /dev/null
+++ b/assets/font-awesome/fonts/fontawesome-webfont.svg
@@ -0,0 +1,414 @@
+<?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="&#x09;" horiz-adv-x="448" />
+<glyph unicode="&#xa0;" horiz-adv-x="448" />
+<glyph unicode="&#xa8;" horiz-adv-x="1792" />
+<glyph unicode="&#xa9;" horiz-adv-x="1792" />
+<glyph unicode="&#xae;" horiz-adv-x="1792" />
+<glyph unicode="&#xb4;" horiz-adv-x="1792" />
+<glyph unicode="&#xc6;" horiz-adv-x="1792" />
+<glyph unicode="&#x2000;" horiz-adv-x="768" />
+<glyph unicode="&#x2001;" />
+<glyph unicode="&#x2002;" horiz-adv-x="768" />
+<glyph unicode="&#x2003;" />
+<glyph unicode="&#x2004;" horiz-adv-x="512" />
+<glyph unicode="&#x2005;" horiz-adv-x="384" />
+<glyph unicode="&#x2006;" horiz-adv-x="256" />
+<glyph unicode="&#x2007;" horiz-adv-x="256" />
+<glyph unicode="&#x2008;" horiz-adv-x="192" />
+<glyph unicode="&#x2009;" horiz-adv-x="307" />
+<glyph unicode="&#x200a;" horiz-adv-x="85" />
+<glyph unicode="&#x202f;" horiz-adv-x="307" />
+<glyph unicode="&#x205f;" horiz-adv-x="384" />
+<glyph unicode="&#x2122;" horiz-adv-x="1792" />
+<glyph unicode="&#x221e;" horiz-adv-x="1792" />
+<glyph unicode="&#x2260;" horiz-adv-x="1792" />
+<glyph unicode="&#xe000;" horiz-adv-x="500" d="M0 0z" />
+<glyph unicode="&#xf000;" 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="&#xf001;" 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="&#xf002;" 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="&#xf003;" 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="&#xf004;" 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="&#xf005;" 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="&#xf006;" 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="&#xf007;" 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="&#xf008;" 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="&#xf009;" 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="&#xf00a;" 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="&#xf00b;" 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="&#xf00c;" 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="&#xf00d;" 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="&#xf00e;" 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="&#xf010;" 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="&#xf011;" 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="&#xf012;" 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="&#xf013;" 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="&#xf014;" 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="&#xf015;" 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="&#xf016;" 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="&#xf017;" 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="&#xf018;" 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="&#xf019;" 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="&#xf01a;" 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="&#xf01b;" 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="&#xf01c;" 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="&#xf01d;" 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="&#xf01e;" 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="&#xf021;" 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="&#xf022;" 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="&#xf023;" 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="&#xf024;" 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="&#xf025;" 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="&#xf026;" 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="&#xf027;" 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="&#xf028;" 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="&#xf029;" 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="&#xf02a;" 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="&#xf02b;" 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="&#xf02c;" 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="&#xf02d;" 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="&#xf02e;" 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="&#xf02f;" 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="&#xf030;" 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="&#xf031;" 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="&#xf032;" 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="&#xf033;" 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="&#xf034;" 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="&#xf035;" 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="&#xf036;" 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="&#xf037;" 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="&#xf038;" 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="&#xf039;" 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="&#xf03a;" 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="&#xf03b;" 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="&#xf03c;" 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="&#xf03d;" 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="&#xf03e;" 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="&#xf040;" 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="&#xf041;" 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="&#xf042;" 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="&#xf043;" 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="&#xf044;" 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="&#xf045;" 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="&#xf046;" 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="&#xf047;" 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="&#xf048;" 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="&#xf049;" 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="&#xf04a;" 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="&#xf04b;" 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="&#xf04c;" 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="&#xf04d;" 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="&#xf04e;" 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="&#xf050;" 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="&#xf051;" 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="&#xf052;" 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="&#xf053;" 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="&#xf054;" 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="&#xf055;" 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="&#xf056;" 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="&#xf057;" 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="&#xf058;" 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="&#xf059;" 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="&#xf05a;" 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="&#xf05b;" 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="&#xf05c;" 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="&#xf05d;" 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="&#xf05e;" 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="&#xf060;" 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="&#xf061;" 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="&#xf062;" 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="&#xf063;" 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="&#xf064;" 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="&#xf065;" 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="&#xf066;" 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="&#xf067;" 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="&#xf068;" 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="&#xf069;" 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="&#xf06a;" 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="&#xf06b;" 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="&#xf06c;" 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="&#xf06d;" 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="&#xf06e;" 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="&#xf070;" 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="&#xf071;" 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="&#xf072;" 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="&#xf073;" 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="&#xf074;" 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="&#xf075;" 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="&#xf076;" 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="&#xf077;" 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="&#xf078;" 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="&#xf079;" 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="&#xf07a;" 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="&#xf07b;" 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="&#xf07c;" 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="&#xf07d;" 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="&#xf07e;" 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="&#xf080;" 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="&#xf081;" 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="&#xf082;" 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="&#xf083;" 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="&#xf084;" 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="&#xf085;" 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="&#xf086;" 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="&#xf087;" 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="&#xf088;" 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="&#xf089;" 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="&#xf08a;" 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="&#xf08b;" 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="&#xf08c;" 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="&#xf08d;" 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="&#xf08e;" 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="&#xf090;" 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="&#xf091;" 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="&#xf092;" 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="&#xf093;" 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="&#xf094;" 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="&#xf095;" 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="&#xf096;" 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="&#xf097;" 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="&#xf098;" 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="&#xf099;" 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="&#xf09a;" 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="&#xf09b;" 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="&#xf09c;" 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="&#xf09d;" 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="&#xf09e;" 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="&#xf0a0;" 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="&#xf0a1;" 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="&#xf0a2;" 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="&#xf0a3;" 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="&#xf0a4;" 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="&#xf0a5;" 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="&#xf0a6;" 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="&#xf0a7;" 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="&#xf0a8;" 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="&#xf0a9;" 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="&#xf0aa;" 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="&#xf0ab;" 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="&#xf0ac;" 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="&#xf0ad;" 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="&#xf0ae;" 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="&#xf0b0;" 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="&#xf0b1;" 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="&#xf0b2;" 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="&#xf0c0;" 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="&#xf0c1;" 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="&#xf0c2;" 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="&#xf0c3;" 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="&#xf0c4;" 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="&#xf0c5;" 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="&#xf0c6;" 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="&#xf0c7;" 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="&#xf0c8;" 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="&#xf0c9;" 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="&#xf0ca;" 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="&#xf0cb;" 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="&#xf0cc;" 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="&#xf0cd;" 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="&#xf0ce;" 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="&#xf0d0;" 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="&#xf0d1;" 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="&#xf0d2;" 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="&#xf0d3;" 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="&#xf0d4;" 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="&#xf0d5;" 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="&#xf0d6;" 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="&#xf0d7;" 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="&#xf0d8;" 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="&#xf0d9;" 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="&#xf0da;" 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="&#xf0db;" 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="&#xf0dc;" 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="&#xf0dd;" 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="&#xf0de;" 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="&#xf0e0;" 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="&#xf0e1;" 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="&#xf0e2;" 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="&#xf0e3;" 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="&#xf0e4;" 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="&#xf0e5;" 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="&#xf0e6;" 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="&#xf0e7;" 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="&#xf0e8;" 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="&#xf0e9;" 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="&#xf0ea;" 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="&#xf0eb;" 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="&#xf0ec;" 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="&#xf0ed;" 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="&#xf0ee;" 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="&#xf0f0;" 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="&#xf0f1;" 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="&#xf0f2;" 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="&#xf0f3;" 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="&#xf0f4;" 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="&#xf0f5;" 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="&#xf0f6;" 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="&#xf0f7;" 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="&#xf0f8;" 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="&#xf0f9;" 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="&#xf0fa;" 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="&#xf0fb;" 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="&#xf0fc;" 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="&#xf0fd;" 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="&#xf0fe;" 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="&#xf100;" 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="&#xf101;" 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="&#xf102;" 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="&#xf103;" 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="&#xf104;" 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="&#xf105;" 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="&#xf106;" 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="&#xf107;" 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="&#xf108;" 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="&#xf109;" 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="&#xf10a;" 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="&#xf10b;" 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="&#xf10c;" 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="&#xf10d;" 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="&#xf10e;" 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="&#xf110;" 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="&#xf111;" 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="&#xf112;" 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="&#xf113;" 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="&#xf114;" 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="&#xf115;" 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="&#xf116;" 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="&#xf117;" 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="&#xf118;" 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="&#xf119;" 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="&#xf11a;" 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="&#xf11b;" 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="&#xf11c;" 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="&#xf11d;" 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="&#xf11e;" 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="&#xf120;" 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="&#xf121;" 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="&#xf122;" 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="&#xf123;" 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="&#xf124;" 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="&#xf125;" 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="&#xf126;" 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="&#xf127;" 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="&#xf128;" 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="&#xf129;" 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="&#xf12a;" 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="&#xf12b;" 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="&#xf12c;" 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="&#xf12d;" 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="&#xf12e;" 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="&#xf130;" 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="&#xf131;" 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="&#xf132;" 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="&#xf133;" 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="&#xf134;" 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="&#xf135;" 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="&#xf136;" 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="&#xf137;" 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="&#xf138;" 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="&#xf139;" 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="&#xf13a;" 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="&#xf13b;" 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="&#xf13c;" 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="&#xf13d;" 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="&#xf13e;" 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="&#xf140;" 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="&#xf141;" 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="&#xf142;" 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="&#xf143;" 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="&#xf144;" 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="&#xf145;" 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="&#xf146;" 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="&#xf147;" 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="&#xf148;" 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="&#xf149;" 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="&#xf14a;" 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="&#xf14b;" 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="&#xf14c;" 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="&#xf14d;" 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="&#xf14e;" 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="&#xf150;" 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="&#xf151;" 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="&#xf152;" 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="&#xf153;" 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="&#xf154;" 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="&#xf155;" 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="&#xf156;" 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="&#xf157;" 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="&#xf158;" 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="&#xf159;" 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="&#xf15a;" 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="&#xf15b;" 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="&#xf15c;" 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="&#xf15d;" 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="&#xf15e;" 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="&#xf160;" 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="&#xf161;" 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="&#xf162;" 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="&#xf163;" 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="&#xf164;" 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="&#xf165;" 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="&#xf166;" 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="&#xf167;" 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="&#xf168;" 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="&#xf169;" 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="&#xf16a;" 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="&#xf16b;" 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="&#xf16c;" 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="&#xf16d;" 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="&#xf16e;" 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="&#xf170;" 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="&#xf171;" 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="&#xf172;" 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="&#xf173;" 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="&#xf174;" 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="&#xf175;" 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="&#xf176;" 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="&#xf177;" 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="&#xf178;" 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="&#xf179;" 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="&#xf17a;" horiz-adv-x="1664" d="M682 530v-651l-682 94v557h682zM682 1273v-659h-682v565zM1664 530v-786l-907 125v661h907zM1664 1408v-794h-907v669z" />
+<glyph unicode="&#xf17b;" 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="&#xf17c;" 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="&#xf17d;" 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="&#xf17e;" 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="&#xf180;" 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="&#xf181;" 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="&#xf182;" 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="&#xf183;" 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="&#xf184;" 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="&#xf185;" 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="&#xf186;" 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="&#xf187;" 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="&#xf188;" 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="&#xf189;" 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="&#xf18a;" 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="&#xf18b;" 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="&#xf18c;" 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="&#xf18d;" 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="&#xf18e;" 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="&#xf190;" 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="&#xf191;" 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="&#xf192;" 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="&#xf193;" 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="&#xf194;" 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="&#xf195;" 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="&#xf196;" horiz-adv-x="1792" />
+<glyph unicode="&#xf197;" horiz-adv-x="1792" />
+<glyph unicode="&#xf198;" horiz-adv-x="1792" />
+<glyph unicode="&#xf199;" horiz-adv-x="1792" />
+<glyph unicode="&#xf19a;" horiz-adv-x="1792" />
+<glyph unicode="&#xf19b;" horiz-adv-x="1792" />
+<glyph unicode="&#xf19c;" horiz-adv-x="1792" />
+<glyph unicode="&#xf19d;" horiz-adv-x="1792" />
+<glyph unicode="&#xf19e;" horiz-adv-x="1792" />
+<glyph unicode="&#xf500;" horiz-adv-x="1792" />
+</font>
+</defs></svg> 
\ No newline at end of file
diff --git a/assets/font-awesome/fonts/fontawesome-webfont.ttf b/assets/font-awesome/fonts/fontawesome-webfont.ttf
new file mode 100755
index 000000000..7ec2e1de8
Binary files /dev/null and b/assets/font-awesome/fonts/fontawesome-webfont.ttf differ
diff --git a/assets/font-awesome/fonts/fontawesome-webfont.woff b/assets/font-awesome/fonts/fontawesome-webfont.woff
new file mode 100755
index 000000000..27d80b123
Binary files /dev/null and b/assets/font-awesome/fonts/fontawesome-webfont.woff differ
diff --git a/assets/font-awesome/less/bordered-pulled.less b/assets/font-awesome/less/bordered-pulled.less
new file mode 100644
index 000000000..0c90eb567
--- /dev/null
+++ b/assets/font-awesome/less/bordered-pulled.less
@@ -0,0 +1,16 @@
+// 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; }
+}
diff --git a/assets/font-awesome/less/core.less b/assets/font-awesome/less/core.less
index 1ef7e2235..6d223bc2f 100644
--- a/assets/font-awesome/less/core.less
+++ b/assets/font-awesome/less/core.less
@@ -1,129 +1,12 @@
-/* FONT AWESOME CORE
- * -------------------------- */
+// Base Class Definition
+// -------------------------
 
-[class^="icon-"],
-[class*=" icon-"] {
-  .icon-FontAwesome();
-}
-
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
-  text-decoration: inherit;
+.@{fa-css-prefix} {
   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;
-  }
+  font-family: FontAwesome;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
diff --git a/assets/font-awesome/less/fixed-width.less b/assets/font-awesome/less/fixed-width.less
new file mode 100644
index 000000000..110289f2f
--- /dev/null
+++ b/assets/font-awesome/less/fixed-width.less
@@ -0,0 +1,6 @@
+// Fixed Width Icons
+// -------------------------
+.@{fa-css-prefix}-fw {
+  width: (18em / 14);
+  text-align: center;
+}
diff --git a/assets/font-awesome/less/font-awesome.less b/assets/font-awesome/less/font-awesome.less
index 0f454612b..62c0e0e17 100644
--- a/assets/font-awesome/less/font-awesome.less
+++ b/assets/font-awesome/less/font-awesome.less
@@ -1,5 +1,5 @@
 /*!
- *  Font Awesome 3.2.1
+ *  Font Awesome 4.0.0
  *  the iconic font designed for Bootstrap
  *  ------------------------------------------------------------------------------
  *  The full suite of pictographic icons, examples, and documentation can be
@@ -24,10 +24,15 @@
  *  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";
+@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";
diff --git a/assets/font-awesome/less/icons.less b/assets/font-awesome/less/icons.less
index 476d201ec..90908500c 100644
--- a/assets/font-awesome/less/icons.less
+++ b/assets/font-awesome/less/icons.less
@@ -1,381 +1,412 @@
 /* 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}-move:before { content: @fa-var-move; }
+.@{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}-resize-full:before { content: @fa-var-resize-full; }
+.@{fa-css-prefix}-resize-small:before { content: @fa-var-resize-small; }
+.@{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}-resize-vertical:before { content: @fa-var-resize-vertical; }
+.@{fa-css-prefix}-resize-horizontal:before { content: @fa-var-resize-horizontal; }
+.@{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:before { content: @fa-var-hdd; }
+.@{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}-fullscreen:before { content: @fa-var-fullscreen; }
+.@{fa-css-prefix}-group:before { content: @fa-var-group; }
+.@{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}-reorder:before { content: @fa-var-reorder; }
+.@{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:before { content: @fa-var-building; }
+.@{fa-css-prefix}-hospital:before { content: @fa-var-hospital; }
+.@{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}-expand-o:before { content: @fa-var-expand-o; }
+.@{fa-css-prefix}-collapse-o:before { content: @fa-var-collapse-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-o:before { content: @fa-var-unlock-o; }
+.@{fa-css-prefix}-bullseye:before { content: @fa-var-bullseye; }
+.@{fa-css-prefix}-ellipsis-horizontal:before { content: @fa-var-ellipsis-horizontal; }
+.@{fa-css-prefix}-ellipsis-vertical:before { content: @fa-var-ellipsis-vertical; }
+.@{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; }
diff --git a/assets/font-awesome/less/larger.less b/assets/font-awesome/less/larger.less
new file mode 100644
index 000000000..c9d646770
--- /dev/null
+++ b/assets/font-awesome/less/larger.less
@@ -0,0 +1,13 @@
+// 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; }
diff --git a/assets/font-awesome/less/list.less b/assets/font-awesome/less/list.less
new file mode 100644
index 000000000..eed934051
--- /dev/null
+++ b/assets/font-awesome/less/list.less
@@ -0,0 +1,19 @@
+// 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);
+  }
+}
diff --git a/assets/font-awesome/less/mixins.less b/assets/font-awesome/less/mixins.less
index f7fdda590..19e5a6457 100644
--- a/assets/font-awesome/less/mixins.less
+++ b/assets/font-awesome/less/mixins.less
@@ -1,48 +1,20 @@
 // 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);
 }
diff --git a/assets/font-awesome/less/path.less b/assets/font-awesome/less/path.less
index 8ccef8cf0..c5a691246 100644
--- a/assets/font-awesome/less/path.less
+++ b/assets/font-awesome/less/path.less
@@ -3,12 +3,12 @@
 
 @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;
 }
diff --git a/assets/font-awesome/less/rotated-flipped.less b/assets/font-awesome/less/rotated-flipped.less
new file mode 100644
index 000000000..8fff3a6c4
--- /dev/null
+++ b/assets/font-awesome/less/rotated-flipped.less
@@ -0,0 +1,9 @@
+// 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); }
diff --git a/assets/font-awesome/less/spinning.less b/assets/font-awesome/less/spinning.less
new file mode 100644
index 000000000..60828fe5c
--- /dev/null
+++ b/assets/font-awesome/less/spinning.less
@@ -0,0 +1,30 @@
+// 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); }
+}
diff --git a/assets/font-awesome/less/stacked.less b/assets/font-awesome/less/stacked.less
new file mode 100644
index 000000000..0edef7037
--- /dev/null
+++ b/assets/font-awesome/less/stacked.less
@@ -0,0 +1,19 @@
+// 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;
+  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; }
diff --git a/assets/font-awesome/less/variables.less b/assets/font-awesome/less/variables.less
index 9d0879b0d..256e23691 100644
--- a/assets/font-awesome/less/variables.less
+++ b/assets/font-awesome/less/variables.less
@@ -1,735 +1,382 @@
 // 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.0/font"; // for referencing Bootstrap CDN font files directly
+@fa-css-prefix:       fa;
+@fa-version:          "4.0.0";
+@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-move: "\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-resize-full: "\f065";
+@fa-var-resize-small: "\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-resize-vertical: "\f07d";
+@fa-var-resize-horizontal: "\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: "\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-fullscreen: "\f0b2";
+@fa-var-group: "\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-reorder: "\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: "\f0f7";
+@fa-var-hospital: "\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-expand-o: "\f116";
+@fa-var-collapse-o: "\f117";
+@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-o: "\f13e";
+@fa-var-bullseye: "\f140";
+@fa-var-ellipsis-horizontal: "\f141";
+@fa-var-ellipsis-vertical: "\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";
 
diff --git a/assets/font-awesome/scss/_bootstrap.scss b/assets/font-awesome/scss/_bootstrap.scss
deleted file mode 100644
index 837d2df65..000000000
--- a/assets/font-awesome/scss/_bootstrap.scss
+++ /dev/null
@@ -1,84 +0,0 @@
-/* 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;
-}
diff --git a/assets/font-awesome/scss/_bordered-pulled.scss b/assets/font-awesome/scss/_bordered-pulled.scss
new file mode 100644
index 000000000..9d3fdf3a0
--- /dev/null
+++ b/assets/font-awesome/scss/_bordered-pulled.scss
@@ -0,0 +1,16 @@
+// 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; }
+}
diff --git a/assets/font-awesome/scss/_core.scss b/assets/font-awesome/scss/_core.scss
index 0189c73df..861ccd9dc 100644
--- a/assets/font-awesome/scss/_core.scss
+++ b/assets/font-awesome/scss/_core.scss
@@ -1,129 +1,12 @@
-/* FONT AWESOME CORE
- * -------------------------- */
+// Base Class Definition
+// -------------------------
 
-[class^="icon-"],
-[class*=" icon-"] {
-  @include icon-FontAwesome();
-}
-
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
-  text-decoration: inherit;
+.#{$fa-css-prefix} {
   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;
-  }
+  font-family: FontAwesome;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
diff --git a/assets/font-awesome/scss/_extras.scss b/assets/font-awesome/scss/_extras.scss
deleted file mode 100644
index 9a25845d8..000000000
--- a/assets/font-awesome/scss/_extras.scss
+++ /dev/null
@@ -1,93 +0,0 @@
-/* EXTRAS
- * -------------------------- */
-
-/* Stacked and layered icon */
-@include 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; }
-  }
-}
diff --git a/assets/font-awesome/scss/_fixed-width.scss b/assets/font-awesome/scss/_fixed-width.scss
new file mode 100644
index 000000000..b221c9813
--- /dev/null
+++ b/assets/font-awesome/scss/_fixed-width.scss
@@ -0,0 +1,6 @@
+// Fixed Width Icons
+// -------------------------
+.#{$fa-css-prefix}-fw {
+  width: (18em / 14);
+  text-align: center;
+}
diff --git a/assets/font-awesome/scss/_icons.scss b/assets/font-awesome/scss/_icons.scss
index eefda0c9e..124708003 100644
--- a/assets/font-awesome/scss/_icons.scss
+++ b/assets/font-awesome/scss/_icons.scss
@@ -1,381 +1,412 @@
 /* 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}-move:before { content: $fa-var-move; }
+.#{$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}-resize-full:before { content: $fa-var-resize-full; }
+.#{$fa-css-prefix}-resize-small:before { content: $fa-var-resize-small; }
+.#{$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}-resize-vertical:before { content: $fa-var-resize-vertical; }
+.#{$fa-css-prefix}-resize-horizontal:before { content: $fa-var-resize-horizontal; }
+.#{$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:before { content: $fa-var-hdd; }
+.#{$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}-fullscreen:before { content: $fa-var-fullscreen; }
+.#{$fa-css-prefix}-group:before { content: $fa-var-group; }
+.#{$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}-reorder:before { content: $fa-var-reorder; }
+.#{$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:before { content: $fa-var-building; }
+.#{$fa-css-prefix}-hospital:before { content: $fa-var-hospital; }
+.#{$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}-expand-o:before { content: $fa-var-expand-o; }
+.#{$fa-css-prefix}-collapse-o:before { content: $fa-var-collapse-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-o:before { content: $fa-var-unlock-o; }
+.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
+.#{$fa-css-prefix}-ellipsis-horizontal:before { content: $fa-var-ellipsis-horizontal; }
+.#{$fa-css-prefix}-ellipsis-vertical:before { content: $fa-var-ellipsis-vertical; }
+.#{$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; }
diff --git a/assets/font-awesome/scss/_larger.scss b/assets/font-awesome/scss/_larger.scss
new file mode 100644
index 000000000..41e9a8184
--- /dev/null
+++ b/assets/font-awesome/scss/_larger.scss
@@ -0,0 +1,13 @@
+// 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; }
diff --git a/assets/font-awesome/scss/_list.scss b/assets/font-awesome/scss/_list.scss
new file mode 100644
index 000000000..7d1e4d54d
--- /dev/null
+++ b/assets/font-awesome/scss/_list.scss
@@ -0,0 +1,19 @@
+// 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);
+  }
+}
diff --git a/assets/font-awesome/scss/_mixins.scss b/assets/font-awesome/scss/_mixins.scss
index ca9c5931b..9f555963f 100644
--- a/assets/font-awesome/scss/_mixins.scss
+++ b/assets/font-awesome/scss/_mixins.scss
@@ -1,48 +1,20 @@
 // 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);
 }
diff --git a/assets/font-awesome/scss/_path.scss b/assets/font-awesome/scss/_path.scss
index bb3f36b70..fd21c3515 100644
--- a/assets/font-awesome/scss/_path.scss
+++ b/assets/font-awesome/scss/_path.scss
@@ -3,12 +3,12 @@
 
 @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;
 }
diff --git a/assets/font-awesome/scss/_rotated-flipped.scss b/assets/font-awesome/scss/_rotated-flipped.scss
new file mode 100644
index 000000000..343fa5507
--- /dev/null
+++ b/assets/font-awesome/scss/_rotated-flipped.scss
@@ -0,0 +1,9 @@
+// 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); }
diff --git a/assets/font-awesome/scss/_spinning.scss b/assets/font-awesome/scss/_spinning.scss
new file mode 100644
index 000000000..ba1e4f162
--- /dev/null
+++ b/assets/font-awesome/scss/_spinning.scss
@@ -0,0 +1,30 @@
+// 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); }
+}
diff --git a/assets/font-awesome/scss/_stacked.scss b/assets/font-awesome/scss/_stacked.scss
new file mode 100644
index 000000000..93a1b2720
--- /dev/null
+++ b/assets/font-awesome/scss/_stacked.scss
@@ -0,0 +1,19 @@
+// 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;
+  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; }
diff --git a/assets/font-awesome/scss/_variables.scss b/assets/font-awesome/scss/_variables.scss
index 7d6bbc5b1..b1036c62a 100644
--- a/assets/font-awesome/scss/_variables.scss
+++ b/assets/font-awesome/scss/_variables.scss
@@ -1,734 +1,382 @@
 // 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.0/font" !default; // for referencing Bootstrap CDN font files directly
+$fa-css-prefix:       fa;
+$fa-version:          "4.0.0" !default;
+$fa-border-color:     #eee !default;
+$fa-inverse:          #fff !default;
+$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-move: "\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-resize-full: "\f065";
+$fa-var-resize-small: "\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-resize-vertical: "\f07d";
+$fa-var-resize-horizontal: "\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: "\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-fullscreen: "\f0b2";
+$fa-var-group: "\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-reorder: "\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: "\f0f7";
+$fa-var-hospital: "\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-expand-o: "\f116";
+$fa-var-collapse-o: "\f117";
+$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-o: "\f13e";
+$fa-var-bullseye: "\f140";
+$fa-var-ellipsis-horizontal: "\f141";
+$fa-var-ellipsis-vertical: "\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";
 
diff --git a/assets/font-awesome/scss/font-awesome.scss b/assets/font-awesome/scss/font-awesome.scss
index e5903d856..62c0e0e17 100644
--- a/assets/font-awesome/scss/font-awesome.scss
+++ b/assets/font-awesome/scss/font-awesome.scss
@@ -1,5 +1,5 @@
 /*!
- *  Font Awesome 3.2.1
+ *  Font Awesome 4.0.0
  *  the iconic font designed for Bootstrap
  *  ------------------------------------------------------------------------------
  *  The full suite of pictographic icons, examples, and documentation can be
@@ -28,6 +28,11 @@
 @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";
diff --git a/assets/js/bootstrap-3.0.0.min.js b/assets/js/bootstrap-3.0.0.min.js
new file mode 100755
index 000000000..1765631f4
--- /dev/null
+++ b/assets/js/bootstrap-3.0.0.min.js
@@ -0,0 +1,6 @@
+/**
+* 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
diff --git a/assets/js/html5shiv.js b/assets/js/html5shiv.js
new file mode 100755
index 000000000..784f221ca
--- /dev/null
+++ b/assets/js/html5shiv.js
@@ -0,0 +1,8 @@
+/*
+ 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);
diff --git a/assets/js/jquery-1.10.2.min.js b/assets/js/jquery-1.10.2.min.js
new file mode 100755
index 000000000..76d21a465
--- /dev/null
+++ b/assets/js/jquery-1.10.2.min.js
@@ -0,0 +1,6 @@
+/*! 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
diff --git a/assets/js/respond.min.js b/assets/js/respond.min.js
new file mode 100755
index 000000000..56418a245
--- /dev/null
+++ b/assets/js/respond.min.js
@@ -0,0 +1,6 @@
+/*! 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='&shy;<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);
diff --git a/assets/js/site.js b/assets/js/site.js
index 16fa261a6..1b8e650ca 100644
--- a/assets/js/site.js
+++ b/assets/js/site.js
@@ -1,6 +1,6 @@
 $(function() {
   // start the icon carousel
-  $('#iconCarousel').carousel({
+  $('#icon-carousel').carousel({
     interval: 5000
   });
 
diff --git a/assets/less/bootstrap-3.0.0/alerts.less b/assets/less/bootstrap-3.0.0/alerts.less
new file mode 100755
index 000000000..be09d18d0
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/alerts.less
@@ -0,0 +1,67 @@
+//
+// 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);
+}
diff --git a/assets/less/bootstrap-3.0.0/badges.less b/assets/less/bootstrap-3.0.0/badges.less
new file mode 100755
index 000000000..0b69753ef
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/badges.less
@@ -0,0 +1,51 @@
+//
+// 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;
+}
diff --git a/assets/less/bootstrap-3.0.0/bootstrap.less b/assets/less/bootstrap-3.0.0/bootstrap.less
new file mode 100755
index 000000000..1344b462f
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/bootstrap.less
@@ -0,0 +1,59 @@
+/*!
+ * 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";
diff --git a/assets/less/bootstrap-3.0.0/breadcrumbs.less b/assets/less/bootstrap-3.0.0/breadcrumbs.less
new file mode 100755
index 000000000..92643d167
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/breadcrumbs.less
@@ -0,0 +1,23 @@
+//
+// 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;
+  }
+}
diff --git a/assets/less/bootstrap-3.0.0/button-groups.less b/assets/less/bootstrap-3.0.0/button-groups.less
new file mode 100755
index 000000000..43ada11d9
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/button-groups.less
@@ -0,0 +1,248 @@
+//
+// 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;
+}
diff --git a/assets/less/bootstrap-3.0.0/buttons.less b/assets/less/bootstrap-3.0.0/buttons.less
new file mode 100755
index 000000000..5d60d39a7
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/buttons.less
@@ -0,0 +1,160 @@
+//
+// 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%;
+  }
+}
diff --git a/assets/less/bootstrap-3.0.0/carousel.less b/assets/less/bootstrap-3.0.0/carousel.less
new file mode 100755
index 000000000..c468d435c
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/carousel.less
@@ -0,0 +1,209 @@
+//
+// 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;
+  }
+}
diff --git a/assets/less/bootstrap-3.0.0/close.less b/assets/less/bootstrap-3.0.0/close.less
new file mode 100755
index 000000000..9b4e74f2b
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/close.less
@@ -0,0 +1,33 @@
+//
+// 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;
+  }
+}
diff --git a/assets/less/bootstrap-3.0.0/code.less b/assets/less/bootstrap-3.0.0/code.less
new file mode 100755
index 000000000..d6661d2b9
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/code.less
@@ -0,0 +1,56 @@
+//
+// 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;
+}
diff --git a/assets/less/bootstrap-3.0.0/component-animations.less b/assets/less/bootstrap-3.0.0/component-animations.less
new file mode 100755
index 000000000..1efe45e2c
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/component-animations.less
@@ -0,0 +1,29 @@
+//
+// 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);
+}
diff --git a/assets/less/bootstrap-3.0.0/dropdowns.less b/assets/less/bootstrap-3.0.0/dropdowns.less
new file mode 100755
index 000000000..96af127a5
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/dropdowns.less
@@ -0,0 +1,193 @@
+//
+// 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();
+    }
+  }
+}
+
diff --git a/assets/less/bootstrap-3.0.0/forms.less b/assets/less/bootstrap-3.0.0/forms.less
new file mode 100755
index 000000000..f87b60276
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/forms.less
@@ -0,0 +1,353 @@
+//
+// 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;
+    }
+  }
+}
diff --git a/assets/less/bootstrap-3.0.0/glyphicons.less b/assets/less/bootstrap-3.0.0/glyphicons.less
new file mode 100755
index 000000000..0e0ba986c
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/glyphicons.less
@@ -0,0 +1,232 @@
+//
+// 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"; } }
diff --git a/assets/less/bootstrap-3.0.0/grid.less b/assets/less/bootstrap-3.0.0/grid.less
new file mode 100755
index 000000000..44e38994e
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/grid.less
@@ -0,0 +1,346 @@
+//
+// 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)); }
+}
diff --git a/assets/less/bootstrap-3.0.0/input-groups.less b/assets/less/bootstrap-3.0.0/input-groups.less
new file mode 100755
index 000000000..570f03f90
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/input-groups.less
@@ -0,0 +1,127 @@
+//
+// 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;
+  }
+}
diff --git a/assets/less/bootstrap-3.0.0/jumbotron.less b/assets/less/bootstrap-3.0.0/jumbotron.less
new file mode 100755
index 000000000..8f482af52
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/jumbotron.less
@@ -0,0 +1,40 @@
+//
+// 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);
+    }
+  }
+}
diff --git a/assets/less/bootstrap-3.0.0/labels.less b/assets/less/bootstrap-3.0.0/labels.less
new file mode 100755
index 000000000..cad5ce516
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/labels.less
@@ -0,0 +1,58 @@
+//
+// 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);
+}
diff --git a/assets/less/bootstrap-3.0.0/list-group.less b/assets/less/bootstrap-3.0.0/list-group.less
new file mode 100755
index 000000000..46cda4085
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/list-group.less
@@ -0,0 +1,88 @@
+//
+// 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;
+}
diff --git a/assets/less/bootstrap-3.0.0/media.less b/assets/less/bootstrap-3.0.0/media.less
new file mode 100755
index 000000000..5ad22cd6d
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/media.less
@@ -0,0 +1,56 @@
+// 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;
+}
diff --git a/assets/less/bootstrap-3.0.0/mixins.less b/assets/less/bootstrap-3.0.0/mixins.less
new file mode 100755
index 000000000..3f230205b
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/mixins.less
@@ -0,0 +1,723 @@
+//
+// 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;
+  }
+}
diff --git a/assets/less/bootstrap-3.0.0/modals.less b/assets/less/bootstrap-3.0.0/modals.less
new file mode 100755
index 000000000..7bc6c314f
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/modals.less
@@ -0,0 +1,141 @@
+//
+// 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));
+  }
+
+}
diff --git a/assets/less/bootstrap-3.0.0/navbar.less b/assets/less/bootstrap-3.0.0/navbar.less
new file mode 100755
index 000000000..351e20417
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/navbar.less
@@ -0,0 +1,621 @@
+//
+// 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;
+    }
+  }
+
+}
diff --git a/assets/less/bootstrap-3.0.0/navs.less b/assets/less/bootstrap-3.0.0/navs.less
new file mode 100755
index 000000000..6002a8cdd
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/navs.less
@@ -0,0 +1,229 @@
+//
+// 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);
+}
diff --git a/assets/less/bootstrap-3.0.0/normalize.less b/assets/less/bootstrap-3.0.0/normalize.less
new file mode 100755
index 000000000..a2e9c6485
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/normalize.less
@@ -0,0 +1,396 @@
+/*! 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;
+}
diff --git a/assets/less/bootstrap-3.0.0/pager.less b/assets/less/bootstrap-3.0.0/pager.less
new file mode 100755
index 000000000..16993ddc8
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/pager.less
@@ -0,0 +1,55 @@
+//
+// 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;
+    }
+  }
+
+}
diff --git a/assets/less/bootstrap-3.0.0/pagination.less b/assets/less/bootstrap-3.0.0/pagination.less
new file mode 100755
index 000000000..b480b3889
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/pagination.less
@@ -0,0 +1,83 @@
+//
+// 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);
+}
diff --git a/assets/less/bootstrap-3.0.0/panels.less b/assets/less/bootstrap-3.0.0/panels.less
new file mode 100755
index 000000000..2343b2508
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/panels.less
@@ -0,0 +1,148 @@
+//
+// 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);
+}
diff --git a/assets/less/bootstrap-3.0.0/popovers.less b/assets/less/bootstrap-3.0.0/popovers.less
new file mode 100755
index 000000000..345bb1a31
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/popovers.less
@@ -0,0 +1,133 @@
+//
+// 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;
+    }
+  }
+
+}
diff --git a/assets/less/bootstrap-3.0.0/print.less b/assets/less/bootstrap-3.0.0/print.less
new file mode 100755
index 000000000..1e4bffe3f
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/print.less
@@ -0,0 +1,100 @@
+//
+// 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;
+    }
+  }
+
+}
diff --git a/assets/less/bootstrap-3.0.0/progress-bars.less b/assets/less/bootstrap-3.0.0/progress-bars.less
new file mode 100755
index 000000000..49e5df8e3
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/progress-bars.less
@@ -0,0 +1,95 @@
+//
+// 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);
+}
diff --git a/assets/less/bootstrap-3.0.0/responsive-utilities.less b/assets/less/bootstrap-3.0.0/responsive-utilities.less
new file mode 100755
index 000000000..c756b2361
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/responsive-utilities.less
@@ -0,0 +1,220 @@
+//
+// 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();
+  }
+}
diff --git a/assets/less/bootstrap-3.0.0/scaffolding.less b/assets/less/bootstrap-3.0.0/scaffolding.less
new file mode 100755
index 000000000..53e1be5ac
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/scaffolding.less
@@ -0,0 +1,130 @@
+//
+// 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;
+}
diff --git a/assets/less/bootstrap-3.0.0/tables.less b/assets/less/bootstrap-3.0.0/tables.less
new file mode 100755
index 000000000..7543b165a
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/tables.less
@@ -0,0 +1,236 @@
+//
+// 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;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/assets/less/bootstrap-3.0.0/theme.less b/assets/less/bootstrap-3.0.0/theme.less
new file mode 100755
index 000000000..92469c429
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/theme.less
@@ -0,0 +1,232 @@
+
+//
+// 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);
+}
diff --git a/assets/less/bootstrap-3.0.0/thumbnails.less b/assets/less/bootstrap-3.0.0/thumbnails.less
new file mode 100755
index 000000000..1adee9e35
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/thumbnails.less
@@ -0,0 +1,31 @@
+//
+// 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;
+}
diff --git a/assets/less/bootstrap-3.0.0/tooltip.less b/assets/less/bootstrap-3.0.0/tooltip.less
new file mode 100755
index 000000000..5a95b8462
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/tooltip.less
@@ -0,0 +1,95 @@
+//
+// 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;
+  }
+}
diff --git a/assets/less/bootstrap-3.0.0/type.less b/assets/less/bootstrap-3.0.0/type.less
new file mode 100755
index 000000000..c40a89106
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/type.less
@@ -0,0 +1,238 @@
+//
+// 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;
+}
diff --git a/assets/less/bootstrap-3.0.0/utilities.less b/assets/less/bootstrap-3.0.0/utilities.less
new file mode 100755
index 000000000..3d310e651
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/utilities.less
@@ -0,0 +1,42 @@
+//
+// 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;
+}
diff --git a/assets/less/bootstrap-3.0.0/variables.less b/assets/less/bootstrap-3.0.0/variables.less
new file mode 100755
index 000000000..fa623e283
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/variables.less
@@ -0,0 +1,620 @@
+//
+// 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));
diff --git a/assets/less/bootstrap-3.0.0/wells.less b/assets/less/bootstrap-3.0.0/wells.less
new file mode 100755
index 000000000..865abc2eb
--- /dev/null
+++ b/assets/less/bootstrap-3.0.0/wells.less
@@ -0,0 +1,29 @@
+//
+// 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;
+}
diff --git a/assets/less/site.less b/assets/less/site.less
index fa185c1aa..395c6eda7 100644
--- a/assets/less/site.less
+++ b/assets/less/site.less
@@ -1,352 +1,25 @@
-@import "bootstrap-2.3.2/bootstrap.less";
-@import "bootstrap-2.3.2/responsive-utilities.less";
-@import "sticky-footer.less";
+@import "bootstrap-3.0.0/bootstrap";
 
-@import "mixins.less";
-@import "variables.less";
-@import "lazy.less";
+@import "site/bootstrap/variables";
+@import "site/bootstrap/navbar";
+@import "site/bootstrap/buttons";
+@import "site/bootstrap/jumbotron";
+@import "site/bootstrap/wells";
+@import "site/bootstrap/type";
 
-.navbar .brand {
-  font-family: @serifFontFamily;
-  .icon-flag { padding-right: 3px; }
-}
+@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";
 
-.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 "site/responsive/screen-lg";
+@import "site/responsive/screen-md";
+@import "site/responsive/screen-sm";
+@import "site/responsive/screen-xs";
diff --git a/assets/less/site/bootstrap/buttons.less b/assets/less/site/bootstrap/buttons.less
new file mode 100644
index 000000000..b61fea70d
--- /dev/null
+++ b/assets/less/site/bootstrap/buttons.less
@@ -0,0 +1,3 @@
+.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
diff --git a/assets/less/site/bootstrap/jumbotron.less b/assets/less/site/bootstrap/jumbotron.less
new file mode 100644
index 000000000..2cf28bb50
--- /dev/null
+++ b/assets/less/site/bootstrap/jumbotron.less
@@ -0,0 +1,68 @@
+.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; }
+}
diff --git a/assets/less/site/bootstrap/navbar.less b/assets/less/site/bootstrap/navbar.less
new file mode 100644
index 000000000..322844819
--- /dev/null
+++ b/assets/less/site/bootstrap/navbar.less
@@ -0,0 +1,33 @@
+// 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;
+  }
+}
diff --git a/assets/less/site/bootstrap/type.less b/assets/less/site/bootstrap/type.less
new file mode 100644
index 000000000..b115afa2f
--- /dev/null
+++ b/assets/less/site/bootstrap/type.less
@@ -0,0 +1,3 @@
+.small-caps {
+  font-family: @font-family-alt;
+}
\ No newline at end of file
diff --git a/assets/less/site/bootstrap/variables.less b/assets/less/site/bootstrap/variables.less
new file mode 100644
index 000000000..8447489e6
--- /dev/null
+++ b/assets/less/site/bootstrap/variables.less
@@ -0,0 +1,117 @@
+// 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;
diff --git a/assets/less/site/bootstrap/wells.less b/assets/less/site/bootstrap/wells.less
new file mode 100644
index 000000000..c090802a0
--- /dev/null
+++ b/assets/less/site/bootstrap/wells.less
@@ -0,0 +1 @@
+.well-transparent { background-color: transparent; }
diff --git a/assets/less/site/carbonad.less b/assets/less/site/carbonad.less
new file mode 100644
index 000000000..44644e08d
--- /dev/null
+++ b/assets/less/site/carbonad.less
@@ -0,0 +1,12 @@
+#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
diff --git a/assets/less/site/example-rating.less b/assets/less/site/example-rating.less
new file mode 100644
index 000000000..92fd968d0
--- /dev/null
+++ b/assets/less/site/example-rating.less
@@ -0,0 +1,25 @@
+.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;
+  }
+}
diff --git a/assets/less/site/feature-list.less b/assets/less/site/feature-list.less
new file mode 100644
index 000000000..e8d4fefc7
--- /dev/null
+++ b/assets/less/site/feature-list.less
@@ -0,0 +1,19 @@
+.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;
+    }
+  }
+}
diff --git a/assets/less/site/fontawesome-icon-list.less b/assets/less/site/fontawesome-icon-list.less
new file mode 100644
index 000000000..981bdd002
--- /dev/null
+++ b/assets/less/site/fontawesome-icon-list.less
@@ -0,0 +1,32 @@
+.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%); }
+      }
+    }
+  }
+}
diff --git a/assets/less/site/footer.less b/assets/less/site/footer.less
new file mode 100755
index 000000000..3fb6d0099
--- /dev/null
+++ b/assets/less/site/footer.less
@@ -0,0 +1,40 @@
+#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
diff --git a/assets/less/site/jumbotron-carousel.less b/assets/less/site/jumbotron-carousel.less
new file mode 100644
index 000000000..9f00083c1
--- /dev/null
+++ b/assets/less/site/jumbotron-carousel.less
@@ -0,0 +1,61 @@
+@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, 50%);
+    text-shadow: 0 1px 0 rgba(0,0,0,0.15);
+    a {
+      color: mix(@jumbotron-color, @jumbotron-bg, 70%);
+      border-bottom: dotted 1px mix(@jumbotron-color, @jumbotron-bg, 50%);
+      &:hover {
+        color: @jumbotron-color;
+        text-decoration: none;
+        border-bottom: solid 1px @jumbotron-color;
+      }
+    }
+  }
+}
diff --git a/assets/less/site/layout.less b/assets/less/site/layout.less
new file mode 100644
index 000000000..69cc0b4d4
--- /dev/null
+++ b/assets/less/site/layout.less
@@ -0,0 +1 @@
+section { margin-top: 40px; }
diff --git a/assets/less/site/lazy.less b/assets/less/site/lazy.less
new file mode 100644
index 000000000..fb5a9745a
--- /dev/null
+++ b/assets/less/site/lazy.less
@@ -0,0 +1,86 @@
+@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; }
diff --git a/assets/less/site/responsive/screen-lg.less b/assets/less/site/responsive/screen-lg.less
new file mode 100644
index 000000000..3e0d9bbdb
--- /dev/null
+++ b/assets/less/site/responsive/screen-lg.less
@@ -0,0 +1,53 @@
+@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
diff --git a/assets/less/site/responsive/screen-md.less b/assets/less/site/responsive/screen-md.less
new file mode 100644
index 000000000..bc46917fb
--- /dev/null
+++ b/assets/less/site/responsive/screen-md.less
@@ -0,0 +1,3 @@
+@media (min-width: @screen-md) and (max-width: @screen-md-max) {
+  .hide-md { display: none; }
+}
diff --git a/assets/less/site/responsive/screen-sm.less b/assets/less/site/responsive/screen-sm.less
new file mode 100644
index 000000000..5065ba96f
--- /dev/null
+++ b/assets/less/site/responsive/screen-sm.less
@@ -0,0 +1,47 @@
+@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; }
+}
diff --git a/assets/less/site/responsive/screen-xs.less b/assets/less/site/responsive/screen-xs.less
new file mode 100644
index 000000000..df6d92667
--- /dev/null
+++ b/assets/less/site/responsive/screen-xs.less
@@ -0,0 +1,70 @@
+@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
diff --git a/assets/less/site/social-buttons.less b/assets/less/site/social-buttons.less
new file mode 100644
index 000000000..7409c99d0
--- /dev/null
+++ b/assets/less/site/social-buttons.less
@@ -0,0 +1,9 @@
+#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;
+}
diff --git a/assets/less/site/stripe-ad.less b/assets/less/site/stripe-ad.less
new file mode 100644
index 000000000..07fdc15e6
--- /dev/null
+++ b/assets/less/site/stripe-ad.less
@@ -0,0 +1,7 @@
+.stripe-ad {
+  margin-bottom: 22px;
+  .lead {
+    padding-top: 10px;
+    padding-right: 30px;
+  }
+}
diff --git a/assets/less/site/textured-bg.less b/assets/less/site/textured-bg.less
new file mode 100644
index 000000000..2f2d1d9db
--- /dev/null
+++ b/assets/less/site/textured-bg.less
@@ -0,0 +1,20 @@
+.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; }
diff --git a/cheatsheet/index.html b/cheatsheet/index.html
index 61e7d7c4a..7be2e4c33 100644
--- a/cheatsheet/index.html
+++ b/cheatsheet/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>Font Awesome Cheatsheet</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="../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>Font Awesome Cheatsheet</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../assets/css/site.css">
   <link rel="stylesheet" href="../assets/css/pygments.css">
   <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../assets/js/html5shiv.js"></script>
+    <script src="../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../">Home</a></li>
-          <li><a href="../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../examples/#new-styles">New Styles</a></li>
-              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../examples/#buttons">Buttons</a></li>
-              <li><a href="../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../examples/#navigation">Navigation</a></li>
-              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../examples/#stacked">Stacked</a></li>
-              <li><a href="../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../community/">Community</a></li>
-          <li><a href="../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../whats-new/">New</a>
+        </li>
+        <li><a href="../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../examples/#inline">Inline Icons</a></li>
+            <li><a href="../examples/#larger">Larger Icons</a></li>
+            <li><a href="../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../examples/#list">List Icons</a></li>
+            <li><a href="../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../community/">Community</a></li>
+        <li><a href="../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -123,14 +115,14 @@
 
 <div class="jumbotron jumbotron-ad hidden-print">
   <div class="container">
-    <h1><i class="icon-list-ul icon-large"></i>&nbsp; Cheatsheet</h1>
-    <p>The complete Font Awesome 3.2.1 icon reference</p>
+    <h1><i class="fa fa-list-ul"></i>&nbsp; Cheatsheet</h1>
+    <p>The complete Font Awesome 4.0.0 icon reference</p>
   </div>
 </div>
 
 <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>
@@ -150,2216 +142,2264 @@
 
 <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>
+  <section class="hidden-print">
+  <div class="stripe-ad">
+    <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">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 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>
+    
+  <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>
 </section>
 
 
-<h2 class="page-header">Every Font Awesome 3.2.1 Icon, CSS Class, &amp; Unicode</h2>
-
-<div class="row">
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf000</i>
-    icon-glass
-    <span class="muted">(&amp;#xf000;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf001</i>
-    icon-music
-    <span class="muted">(&amp;#xf001;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf002</i>
-    icon-search
-    <span class="muted">(&amp;#xf002;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf003</i>
-    icon-envelope-alt
-    <span class="muted">(&amp;#xf003;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf004</i>
-    icon-heart
-    <span class="muted">(&amp;#xf004;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf005</i>
-    icon-star
-    <span class="muted">(&amp;#xf005;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf006</i>
-    icon-star-empty
-    <span class="muted">(&amp;#xf006;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf007</i>
-    icon-user
-    <span class="muted">(&amp;#xf007;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf008</i>
-    icon-film
-    <span class="muted">(&amp;#xf008;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf009</i>
-    icon-th-large
-    <span class="muted">(&amp;#xf009;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf00a</i>
-    icon-th
-    <span class="muted">(&amp;#xf00a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf00b</i>
-    icon-th-list
-    <span class="muted">(&amp;#xf00b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf00c</i>
-    icon-ok
-    <span class="muted">(&amp;#xf00c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf00d</i>
-    icon-remove
-    <span class="muted">(&amp;#xf00d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf00e</i>
-    icon-zoom-in
-    <span class="muted">(&amp;#xf00e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf010</i>
-    icon-zoom-out
-    <span class="muted">(&amp;#xf010;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf011</i>
-    icon-off
-    <span class="muted">(&amp;#xf011;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf012</i>
-    icon-signal
-    <span class="muted">(&amp;#xf012;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf013</i>
-    icon-cog
-    <span class="muted">(&amp;#xf013;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf014</i>
-    icon-trash
-    <span class="muted">(&amp;#xf014;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf015</i>
-    icon-home
-    <span class="muted">(&amp;#xf015;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf016</i>
-    icon-file-alt
-    <span class="muted">(&amp;#xf016;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf017</i>
-    icon-time
-    <span class="muted">(&amp;#xf017;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf018</i>
-    icon-road
-    <span class="muted">(&amp;#xf018;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf019</i>
-    icon-download-alt
-    <span class="muted">(&amp;#xf019;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf01a</i>
-    icon-download
-    <span class="muted">(&amp;#xf01a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf01b</i>
-    icon-upload
-    <span class="muted">(&amp;#xf01b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf01c</i>
-    icon-inbox
-    <span class="muted">(&amp;#xf01c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf01d</i>
-    icon-play-circle
-    <span class="muted">(&amp;#xf01d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf01e</i>
-    icon-repeat
-    <span class="muted">(&amp;#xf01e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf021</i>
-    icon-refresh
-    <span class="muted">(&amp;#xf021;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf022</i>
-    icon-list-alt
-    <span class="muted">(&amp;#xf022;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf023</i>
-    icon-lock
-    <span class="muted">(&amp;#xf023;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf024</i>
-    icon-flag
-    <span class="muted">(&amp;#xf024;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf025</i>
-    icon-headphones
-    <span class="muted">(&amp;#xf025;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf026</i>
-    icon-volume-off
-    <span class="muted">(&amp;#xf026;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf027</i>
-    icon-volume-down
-    <span class="muted">(&amp;#xf027;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf028</i>
-    icon-volume-up
-    <span class="muted">(&amp;#xf028;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf029</i>
-    icon-qrcode
-    <span class="muted">(&amp;#xf029;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf02a</i>
-    icon-barcode
-    <span class="muted">(&amp;#xf02a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf02b</i>
-    icon-tag
-    <span class="muted">(&amp;#xf02b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf02c</i>
-    icon-tags
-    <span class="muted">(&amp;#xf02c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf02d</i>
-    icon-book
-    <span class="muted">(&amp;#xf02d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf02e</i>
-    icon-bookmark
-    <span class="muted">(&amp;#xf02e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf02f</i>
-    icon-print
-    <span class="muted">(&amp;#xf02f;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf030</i>
-    icon-camera
-    <span class="muted">(&amp;#xf030;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf031</i>
-    icon-font
-    <span class="muted">(&amp;#xf031;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf032</i>
-    icon-bold
-    <span class="muted">(&amp;#xf032;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf033</i>
-    icon-italic
-    <span class="muted">(&amp;#xf033;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf034</i>
-    icon-text-height
-    <span class="muted">(&amp;#xf034;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf035</i>
-    icon-text-width
-    <span class="muted">(&amp;#xf035;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf036</i>
-    icon-align-left
-    <span class="muted">(&amp;#xf036;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf037</i>
-    icon-align-center
-    <span class="muted">(&amp;#xf037;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf038</i>
-    icon-align-right
-    <span class="muted">(&amp;#xf038;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf039</i>
-    icon-align-justify
-    <span class="muted">(&amp;#xf039;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf03a</i>
-    icon-list
-    <span class="muted">(&amp;#xf03a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf03b</i>
-    icon-indent-left
-    <span class="muted">(&amp;#xf03b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf03c</i>
-    icon-indent-right
-    <span class="muted">(&amp;#xf03c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf03d</i>
-    icon-facetime-video
-    <span class="muted">(&amp;#xf03d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf03e</i>
-    icon-picture
-    <span class="muted">(&amp;#xf03e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf040</i>
-    icon-pencil
-    <span class="muted">(&amp;#xf040;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf041</i>
-    icon-map-marker
-    <span class="muted">(&amp;#xf041;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf042</i>
-    icon-adjust
-    <span class="muted">(&amp;#xf042;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf043</i>
-    icon-tint
-    <span class="muted">(&amp;#xf043;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf044</i>
-    icon-edit
-    <span class="muted">(&amp;#xf044;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf045</i>
-    icon-share
-    <span class="muted">(&amp;#xf045;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf046</i>
-    icon-check
-    <span class="muted">(&amp;#xf046;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf047</i>
-    icon-move
-    <span class="muted">(&amp;#xf047;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf048</i>
-    icon-step-backward
-    <span class="muted">(&amp;#xf048;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf049</i>
-    icon-fast-backward
-    <span class="muted">(&amp;#xf049;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf04a</i>
-    icon-backward
-    <span class="muted">(&amp;#xf04a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf04b</i>
-    icon-play
-    <span class="muted">(&amp;#xf04b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf04c</i>
-    icon-pause
-    <span class="muted">(&amp;#xf04c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf04d</i>
-    icon-stop
-    <span class="muted">(&amp;#xf04d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf04e</i>
-    icon-forward
-    <span class="muted">(&amp;#xf04e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf050</i>
-    icon-fast-forward
-    <span class="muted">(&amp;#xf050;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf051</i>
-    icon-step-forward
-    <span class="muted">(&amp;#xf051;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf052</i>
-    icon-eject
-    <span class="muted">(&amp;#xf052;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf053</i>
-    icon-chevron-left
-    <span class="muted">(&amp;#xf053;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf054</i>
-    icon-chevron-right
-    <span class="muted">(&amp;#xf054;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf055</i>
-    icon-plus-sign
-    <span class="muted">(&amp;#xf055;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf056</i>
-    icon-minus-sign
-    <span class="muted">(&amp;#xf056;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf057</i>
-    icon-remove-sign
-    <span class="muted">(&amp;#xf057;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf058</i>
-    icon-ok-sign
-    <span class="muted">(&amp;#xf058;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf059</i>
-    icon-question-sign
-    <span class="muted">(&amp;#xf059;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf05a</i>
-    icon-info-sign
-    <span class="muted">(&amp;#xf05a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf05b</i>
-    icon-screenshot
-    <span class="muted">(&amp;#xf05b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf05c</i>
-    icon-remove-circle
-    <span class="muted">(&amp;#xf05c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf05d</i>
-    icon-ok-circle
-    <span class="muted">(&amp;#xf05d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf05e</i>
-    icon-ban-circle
-    <span class="muted">(&amp;#xf05e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf060</i>
-    icon-arrow-left
-    <span class="muted">(&amp;#xf060;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf061</i>
-    icon-arrow-right
-    <span class="muted">(&amp;#xf061;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf062</i>
-    icon-arrow-up
-    <span class="muted">(&amp;#xf062;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf063</i>
-    icon-arrow-down
-    <span class="muted">(&amp;#xf063;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf064</i>
-    icon-share-alt
-    <span class="muted">(&amp;#xf064;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf065</i>
-    icon-resize-full
-    <span class="muted">(&amp;#xf065;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf066</i>
-    icon-resize-small
-    <span class="muted">(&amp;#xf066;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf067</i>
-    icon-plus
-    <span class="muted">(&amp;#xf067;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf068</i>
-    icon-minus
-    <span class="muted">(&amp;#xf068;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf069</i>
-    icon-asterisk
-    <span class="muted">(&amp;#xf069;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf06a</i>
-    icon-exclamation-sign
-    <span class="muted">(&amp;#xf06a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf06b</i>
-    icon-gift
-    <span class="muted">(&amp;#xf06b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf06c</i>
-    icon-leaf
-    <span class="muted">(&amp;#xf06c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf06d</i>
-    icon-fire
-    <span class="muted">(&amp;#xf06d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf06e</i>
-    icon-eye-open
-    <span class="muted">(&amp;#xf06e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf070</i>
-    icon-eye-close
-    <span class="muted">(&amp;#xf070;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf071</i>
-    icon-warning-sign
-    <span class="muted">(&amp;#xf071;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf072</i>
-    icon-plane
-    <span class="muted">(&amp;#xf072;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf073</i>
-    icon-calendar
-    <span class="muted">(&amp;#xf073;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf074</i>
-    icon-random
-    <span class="muted">(&amp;#xf074;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf075</i>
-    icon-comment
-    <span class="muted">(&amp;#xf075;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf076</i>
-    icon-magnet
-    <span class="muted">(&amp;#xf076;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf077</i>
-    icon-chevron-up
-    <span class="muted">(&amp;#xf077;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf078</i>
-    icon-chevron-down
-    <span class="muted">(&amp;#xf078;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf079</i>
-    icon-retweet
-    <span class="muted">(&amp;#xf079;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf07a</i>
-    icon-shopping-cart
-    <span class="muted">(&amp;#xf07a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf07b</i>
-    icon-folder-close
-    <span class="muted">(&amp;#xf07b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf07c</i>
-    icon-folder-open
-    <span class="muted">(&amp;#xf07c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf07d</i>
-    icon-resize-vertical
-    <span class="muted">(&amp;#xf07d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf07e</i>
-    icon-resize-horizontal
-    <span class="muted">(&amp;#xf07e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf080</i>
-    icon-bar-chart
-    <span class="muted">(&amp;#xf080;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf081</i>
-    icon-twitter-sign
-    <span class="muted">(&amp;#xf081;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf082</i>
-    icon-facebook-sign
-    <span class="muted">(&amp;#xf082;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf083</i>
-    icon-camera-retro
-    <span class="muted">(&amp;#xf083;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf084</i>
-    icon-key
-    <span class="muted">(&amp;#xf084;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf085</i>
-    icon-cogs
-    <span class="muted">(&amp;#xf085;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf086</i>
-    icon-comments
-    <span class="muted">(&amp;#xf086;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf087</i>
-    icon-thumbs-up-alt
-    <span class="muted">(&amp;#xf087;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf088</i>
-    icon-thumbs-down-alt
-    <span class="muted">(&amp;#xf088;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf089</i>
-    icon-star-half
-    <span class="muted">(&amp;#xf089;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf08a</i>
-    icon-heart-empty
-    <span class="muted">(&amp;#xf08a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf08b</i>
-    icon-signout
-    <span class="muted">(&amp;#xf08b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf08c</i>
-    icon-linkedin-sign
-    <span class="muted">(&amp;#xf08c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf08d</i>
-    icon-pushpin
-    <span class="muted">(&amp;#xf08d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf08e</i>
-    icon-external-link
-    <span class="muted">(&amp;#xf08e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf090</i>
-    icon-signin
-    <span class="muted">(&amp;#xf090;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf091</i>
-    icon-trophy
-    <span class="muted">(&amp;#xf091;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf092</i>
-    icon-github-sign
-    <span class="muted">(&amp;#xf092;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf093</i>
-    icon-upload-alt
-    <span class="muted">(&amp;#xf093;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf094</i>
-    icon-lemon
-    <span class="muted">(&amp;#xf094;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf095</i>
-    icon-phone
-    <span class="muted">(&amp;#xf095;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf096</i>
-    icon-check-empty
-    <span class="muted">(&amp;#xf096;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf097</i>
-    icon-bookmark-empty
-    <span class="muted">(&amp;#xf097;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf098</i>
-    icon-phone-sign
-    <span class="muted">(&amp;#xf098;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf099</i>
-    icon-twitter
-    <span class="muted">(&amp;#xf099;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf09a</i>
-    icon-facebook
-    <span class="muted">(&amp;#xf09a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf09b</i>
-    icon-github
-    <span class="muted">(&amp;#xf09b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf09c</i>
-    icon-unlock
-    <span class="muted">(&amp;#xf09c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf09d</i>
-    icon-credit-card
-    <span class="muted">(&amp;#xf09d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf09e</i>
-    icon-rss
-    <span class="muted">(&amp;#xf09e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0a0</i>
-    icon-hdd
-    <span class="muted">(&amp;#xf0a0;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0a1</i>
-    icon-bullhorn
-    <span class="muted">(&amp;#xf0a1;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0a2</i>
-    icon-bell
-    <span class="muted">(&amp;#xf0a2;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0a3</i>
-    icon-certificate
-    <span class="muted">(&amp;#xf0a3;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0a4</i>
-    icon-hand-right
-    <span class="muted">(&amp;#xf0a4;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0a5</i>
-    icon-hand-left
-    <span class="muted">(&amp;#xf0a5;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0a6</i>
-    icon-hand-up
-    <span class="muted">(&amp;#xf0a6;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0a7</i>
-    icon-hand-down
-    <span class="muted">(&amp;#xf0a7;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0a8</i>
-    icon-circle-arrow-left
-    <span class="muted">(&amp;#xf0a8;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0a9</i>
-    icon-circle-arrow-right
-    <span class="muted">(&amp;#xf0a9;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0aa</i>
-    icon-circle-arrow-up
-    <span class="muted">(&amp;#xf0aa;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0ab</i>
-    icon-circle-arrow-down
-    <span class="muted">(&amp;#xf0ab;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0ac</i>
-    icon-globe
-    <span class="muted">(&amp;#xf0ac;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0ad</i>
-    icon-wrench
-    <span class="muted">(&amp;#xf0ad;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0ae</i>
-    icon-tasks
-    <span class="muted">(&amp;#xf0ae;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0b0</i>
-    icon-filter
-    <span class="muted">(&amp;#xf0b0;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0b1</i>
-    icon-briefcase
-    <span class="muted">(&amp;#xf0b1;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0b2</i>
-    icon-fullscreen
-    <span class="muted">(&amp;#xf0b2;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0c0</i>
-    icon-group
-    <span class="muted">(&amp;#xf0c0;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0c1</i>
-    icon-link
-    <span class="muted">(&amp;#xf0c1;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0c2</i>
-    icon-cloud
-    <span class="muted">(&amp;#xf0c2;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0c3</i>
-    icon-beaker
-    <span class="muted">(&amp;#xf0c3;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0c4</i>
-    icon-cut
-    <span class="muted">(&amp;#xf0c4;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0c5</i>
-    icon-copy
-    <span class="muted">(&amp;#xf0c5;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0c6</i>
-    icon-paper-clip
-    <span class="muted">(&amp;#xf0c6;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0c7</i>
-    icon-save
-    <span class="muted">(&amp;#xf0c7;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0c8</i>
-    icon-sign-blank
-    <span class="muted">(&amp;#xf0c8;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0c9</i>
-    icon-reorder
-    <span class="muted">(&amp;#xf0c9;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0ca</i>
-    icon-list-ul
-    <span class="muted">(&amp;#xf0ca;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0cb</i>
-    icon-list-ol
-    <span class="muted">(&amp;#xf0cb;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0cc</i>
-    icon-strikethrough
-    <span class="muted">(&amp;#xf0cc;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0cd</i>
-    icon-underline
-    <span class="muted">(&amp;#xf0cd;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0ce</i>
-    icon-table
-    <span class="muted">(&amp;#xf0ce;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0d0</i>
-    icon-magic
-    <span class="muted">(&amp;#xf0d0;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0d1</i>
-    icon-truck
-    <span class="muted">(&amp;#xf0d1;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0d2</i>
-    icon-pinterest
-    <span class="muted">(&amp;#xf0d2;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0d3</i>
-    icon-pinterest-sign
-    <span class="muted">(&amp;#xf0d3;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0d4</i>
-    icon-google-plus-sign
-    <span class="muted">(&amp;#xf0d4;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0d5</i>
-    icon-google-plus
-    <span class="muted">(&amp;#xf0d5;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0d6</i>
-    icon-money
-    <span class="muted">(&amp;#xf0d6;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0d7</i>
-    icon-caret-down
-    <span class="muted">(&amp;#xf0d7;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0d8</i>
-    icon-caret-up
-    <span class="muted">(&amp;#xf0d8;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0d9</i>
-    icon-caret-left
-    <span class="muted">(&amp;#xf0d9;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0da</i>
-    icon-caret-right
-    <span class="muted">(&amp;#xf0da;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0db</i>
-    icon-columns
-    <span class="muted">(&amp;#xf0db;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0dc</i>
-    icon-sort
-    <span class="muted">(&amp;#xf0dc;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0dd</i>
-    icon-sort-down
-    <span class="muted">(&amp;#xf0dd;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0de</i>
-    icon-sort-up
-    <span class="muted">(&amp;#xf0de;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0e0</i>
-    icon-envelope
-    <span class="muted">(&amp;#xf0e0;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0e1</i>
-    icon-linkedin
-    <span class="muted">(&amp;#xf0e1;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0e2</i>
-    icon-undo
-    <span class="muted">(&amp;#xf0e2;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0e3</i>
-    icon-legal
-    <span class="muted">(&amp;#xf0e3;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0e4</i>
-    icon-dashboard
-    <span class="muted">(&amp;#xf0e4;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0e5</i>
-    icon-comment-alt
-    <span class="muted">(&amp;#xf0e5;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0e6</i>
-    icon-comments-alt
-    <span class="muted">(&amp;#xf0e6;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0e7</i>
-    icon-bolt
-    <span class="muted">(&amp;#xf0e7;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0e8</i>
-    icon-sitemap
-    <span class="muted">(&amp;#xf0e8;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0e9</i>
-    icon-umbrella
-    <span class="muted">(&amp;#xf0e9;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0ea</i>
-    icon-paste
-    <span class="muted">(&amp;#xf0ea;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0eb</i>
-    icon-lightbulb
-    <span class="muted">(&amp;#xf0eb;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0ec</i>
-    icon-exchange
-    <span class="muted">(&amp;#xf0ec;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0ed</i>
-    icon-cloud-download
-    <span class="muted">(&amp;#xf0ed;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0ee</i>
-    icon-cloud-upload
-    <span class="muted">(&amp;#xf0ee;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0f0</i>
-    icon-user-md
-    <span class="muted">(&amp;#xf0f0;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0f1</i>
-    icon-stethoscope
-    <span class="muted">(&amp;#xf0f1;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0f2</i>
-    icon-suitcase
-    <span class="muted">(&amp;#xf0f2;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0f3</i>
-    icon-bell-alt
-    <span class="muted">(&amp;#xf0f3;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0f4</i>
-    icon-coffee
-    <span class="muted">(&amp;#xf0f4;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0f5</i>
-    icon-food
-    <span class="muted">(&amp;#xf0f5;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0f6</i>
-    icon-file-text-alt
-    <span class="muted">(&amp;#xf0f6;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0f7</i>
-    icon-building
-    <span class="muted">(&amp;#xf0f7;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0f8</i>
-    icon-hospital
-    <span class="muted">(&amp;#xf0f8;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0f9</i>
-    icon-ambulance
-    <span class="muted">(&amp;#xf0f9;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0fa</i>
-    icon-medkit
-    <span class="muted">(&amp;#xf0fa;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0fb</i>
-    icon-fighter-jet
-    <span class="muted">(&amp;#xf0fb;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0fc</i>
-    icon-beer
-    <span class="muted">(&amp;#xf0fc;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0fd</i>
-    icon-h-sign
-    <span class="muted">(&amp;#xf0fd;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf0fe</i>
-    icon-plus-sign-alt
-    <span class="muted">(&amp;#xf0fe;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf100</i>
-    icon-double-angle-left
-    <span class="muted">(&amp;#xf100;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf101</i>
-    icon-double-angle-right
-    <span class="muted">(&amp;#xf101;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf102</i>
-    icon-double-angle-up
-    <span class="muted">(&amp;#xf102;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf103</i>
-    icon-double-angle-down
-    <span class="muted">(&amp;#xf103;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf104</i>
-    icon-angle-left
-    <span class="muted">(&amp;#xf104;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf105</i>
-    icon-angle-right
-    <span class="muted">(&amp;#xf105;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf106</i>
-    icon-angle-up
-    <span class="muted">(&amp;#xf106;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf107</i>
-    icon-angle-down
-    <span class="muted">(&amp;#xf107;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf108</i>
-    icon-desktop
-    <span class="muted">(&amp;#xf108;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf109</i>
-    icon-laptop
-    <span class="muted">(&amp;#xf109;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf10a</i>
-    icon-tablet
-    <span class="muted">(&amp;#xf10a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf10b</i>
-    icon-mobile-phone
-    <span class="muted">(&amp;#xf10b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf10c</i>
-    icon-circle-blank
-    <span class="muted">(&amp;#xf10c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf10d</i>
-    icon-quote-left
-    <span class="muted">(&amp;#xf10d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf10e</i>
-    icon-quote-right
-    <span class="muted">(&amp;#xf10e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf110</i>
-    icon-spinner
-    <span class="muted">(&amp;#xf110;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf111</i>
-    icon-circle
-    <span class="muted">(&amp;#xf111;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf112</i>
-    icon-reply
-    <span class="muted">(&amp;#xf112;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf113</i>
-    icon-github-alt
-    <span class="muted">(&amp;#xf113;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf114</i>
-    icon-folder-close-alt
-    <span class="muted">(&amp;#xf114;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf115</i>
-    icon-folder-open-alt
-    <span class="muted">(&amp;#xf115;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf116</i>
-    icon-expand-alt
-    <span class="muted">(&amp;#xf116;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf117</i>
-    icon-collapse-alt
-    <span class="muted">(&amp;#xf117;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf118</i>
-    icon-smile
-    <span class="muted">(&amp;#xf118;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf119</i>
-    icon-frown
-    <span class="muted">(&amp;#xf119;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf11a</i>
-    icon-meh
-    <span class="muted">(&amp;#xf11a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf11b</i>
-    icon-gamepad
-    <span class="muted">(&amp;#xf11b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf11c</i>
-    icon-keyboard
-    <span class="muted">(&amp;#xf11c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf11d</i>
-    icon-flag-alt
-    <span class="muted">(&amp;#xf11d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf11e</i>
-    icon-flag-checkered
-    <span class="muted">(&amp;#xf11e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf120</i>
-    icon-terminal
-    <span class="muted">(&amp;#xf120;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf121</i>
-    icon-code
-    <span class="muted">(&amp;#xf121;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf122</i>
-    icon-reply-all
-    <span class="muted">(&amp;#xf122;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf122</i>
-    icon-mail-reply-all
-    <span class="muted">(&amp;#xf122;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf123</i>
-    icon-star-half-empty
-    <span class="muted">(&amp;#xf123;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf124</i>
-    icon-location-arrow
-    <span class="muted">(&amp;#xf124;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf125</i>
-    icon-crop
-    <span class="muted">(&amp;#xf125;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf126</i>
-    icon-code-fork
-    <span class="muted">(&amp;#xf126;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf127</i>
-    icon-unlink
-    <span class="muted">(&amp;#xf127;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf128</i>
-    icon-question
-    <span class="muted">(&amp;#xf128;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf129</i>
-    icon-info
-    <span class="muted">(&amp;#xf129;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf12a</i>
-    icon-exclamation
-    <span class="muted">(&amp;#xf12a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf12b</i>
-    icon-superscript
-    <span class="muted">(&amp;#xf12b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf12c</i>
-    icon-subscript
-    <span class="muted">(&amp;#xf12c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf12d</i>
-    icon-eraser
-    <span class="muted">(&amp;#xf12d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf12e</i>
-    icon-puzzle-piece
-    <span class="muted">(&amp;#xf12e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf130</i>
-    icon-microphone
-    <span class="muted">(&amp;#xf130;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf131</i>
-    icon-microphone-off
-    <span class="muted">(&amp;#xf131;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf132</i>
-    icon-shield
-    <span class="muted">(&amp;#xf132;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf133</i>
-    icon-calendar-empty
-    <span class="muted">(&amp;#xf133;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf134</i>
-    icon-fire-extinguisher
-    <span class="muted">(&amp;#xf134;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf135</i>
-    icon-rocket
-    <span class="muted">(&amp;#xf135;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf136</i>
-    icon-maxcdn
-    <span class="muted">(&amp;#xf136;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf137</i>
-    icon-chevron-sign-left
-    <span class="muted">(&amp;#xf137;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf138</i>
-    icon-chevron-sign-right
-    <span class="muted">(&amp;#xf138;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf139</i>
-    icon-chevron-sign-up
-    <span class="muted">(&amp;#xf139;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf13a</i>
-    icon-chevron-sign-down
-    <span class="muted">(&amp;#xf13a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf13b</i>
-    icon-html5
-    <span class="muted">(&amp;#xf13b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf13c</i>
-    icon-css3
-    <span class="muted">(&amp;#xf13c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf13d</i>
-    icon-anchor
-    <span class="muted">(&amp;#xf13d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf13e</i>
-    icon-unlock-alt
-    <span class="muted">(&amp;#xf13e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf140</i>
-    icon-bullseye
-    <span class="muted">(&amp;#xf140;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf141</i>
-    icon-ellipsis-horizontal
-    <span class="muted">(&amp;#xf141;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf142</i>
-    icon-ellipsis-vertical
-    <span class="muted">(&amp;#xf142;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf143</i>
-    icon-rss-sign
-    <span class="muted">(&amp;#xf143;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf144</i>
-    icon-play-sign
-    <span class="muted">(&amp;#xf144;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf145</i>
-    icon-ticket
-    <span class="muted">(&amp;#xf145;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf146</i>
-    icon-minus-sign-alt
-    <span class="muted">(&amp;#xf146;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf147</i>
-    icon-check-minus
-    <span class="muted">(&amp;#xf147;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf148</i>
-    icon-level-up
-    <span class="muted">(&amp;#xf148;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf149</i>
-    icon-level-down
-    <span class="muted">(&amp;#xf149;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf14a</i>
-    icon-check-sign
-    <span class="muted">(&amp;#xf14a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf14b</i>
-    icon-edit-sign
-    <span class="muted">(&amp;#xf14b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf14c</i>
-    icon-external-link-sign
-    <span class="muted">(&amp;#xf14c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf14d</i>
-    icon-share-sign
-    <span class="muted">(&amp;#xf14d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf14e</i>
-    icon-compass
-    <span class="muted">(&amp;#xf14e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf150</i>
-    icon-collapse
-    <span class="muted">(&amp;#xf150;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf151</i>
-    icon-collapse-top
-    <span class="muted">(&amp;#xf151;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf152</i>
-    icon-expand
-    <span class="muted">(&amp;#xf152;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf153</i>
-    icon-eur
-    <span class="muted">(&amp;#xf153;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf154</i>
-    icon-gbp
-    <span class="muted">(&amp;#xf154;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf155</i>
-    icon-usd
-    <span class="muted">(&amp;#xf155;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf156</i>
-    icon-inr
-    <span class="muted">(&amp;#xf156;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf157</i>
-    icon-jpy
-    <span class="muted">(&amp;#xf157;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf158</i>
-    icon-cny
-    <span class="muted">(&amp;#xf158;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf159</i>
-    icon-krw
-    <span class="muted">(&amp;#xf159;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf15a</i>
-    icon-btc
-    <span class="muted">(&amp;#xf15a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf15b</i>
-    icon-file
-    <span class="muted">(&amp;#xf15b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf15c</i>
-    icon-file-text
-    <span class="muted">(&amp;#xf15c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf15d</i>
-    icon-sort-by-alphabet
-    <span class="muted">(&amp;#xf15d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf15e</i>
-    icon-sort-by-alphabet-alt
-    <span class="muted">(&amp;#xf15e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf160</i>
-    icon-sort-by-attributes
-    <span class="muted">(&amp;#xf160;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf161</i>
-    icon-sort-by-attributes-alt
-    <span class="muted">(&amp;#xf161;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf162</i>
-    icon-sort-by-order
-    <span class="muted">(&amp;#xf162;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf163</i>
-    icon-sort-by-order-alt
-    <span class="muted">(&amp;#xf163;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf164</i>
-    icon-thumbs-up
-    <span class="muted">(&amp;#xf164;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf165</i>
-    icon-thumbs-down
-    <span class="muted">(&amp;#xf165;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf166</i>
-    icon-youtube-sign
-    <span class="muted">(&amp;#xf166;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf167</i>
-    icon-youtube
-    <span class="muted">(&amp;#xf167;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf168</i>
-    icon-xing
-    <span class="muted">(&amp;#xf168;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf169</i>
-    icon-xing-sign
-    <span class="muted">(&amp;#xf169;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf16a</i>
-    icon-youtube-play
-    <span class="muted">(&amp;#xf16a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf16b</i>
-    icon-dropbox
-    <span class="muted">(&amp;#xf16b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf16c</i>
-    icon-stackexchange
-    <span class="muted">(&amp;#xf16c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf16d</i>
-    icon-instagram
-    <span class="muted">(&amp;#xf16d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf16e</i>
-    icon-flickr
-    <span class="muted">(&amp;#xf16e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf170</i>
-    icon-adn
-    <span class="muted">(&amp;#xf170;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf171</i>
-    icon-bitbucket
-    <span class="muted">(&amp;#xf171;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf172</i>
-    icon-bitbucket-sign
-    <span class="muted">(&amp;#xf172;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf173</i>
-    icon-tumblr
-    <span class="muted">(&amp;#xf173;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf174</i>
-    icon-tumblr-sign
-    <span class="muted">(&amp;#xf174;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf175</i>
-    icon-long-arrow-down
-    <span class="muted">(&amp;#xf175;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf176</i>
-    icon-long-arrow-up
-    <span class="muted">(&amp;#xf176;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf177</i>
-    icon-long-arrow-left
-    <span class="muted">(&amp;#xf177;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf178</i>
-    icon-long-arrow-right
-    <span class="muted">(&amp;#xf178;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf179</i>
-    icon-apple
-    <span class="muted">(&amp;#xf179;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf17a</i>
-    icon-windows
-    <span class="muted">(&amp;#xf17a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf17b</i>
-    icon-android
-    <span class="muted">(&amp;#xf17b;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf17c</i>
-    icon-linux
-    <span class="muted">(&amp;#xf17c;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf17d</i>
-    icon-dribbble
-    <span class="muted">(&amp;#xf17d;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf17e</i>
-    icon-skype
-    <span class="muted">(&amp;#xf17e;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf180</i>
-    icon-foursquare
-    <span class="muted">(&amp;#xf180;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf181</i>
-    icon-trello
-    <span class="muted">(&amp;#xf181;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf182</i>
-    icon-female
-    <span class="muted">(&amp;#xf182;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf183</i>
-    icon-male
-    <span class="muted">(&amp;#xf183;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf184</i>
-    icon-gittip
-    <span class="muted">(&amp;#xf184;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf185</i>
-    icon-sun
-    <span class="muted">(&amp;#xf185;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf186</i>
-    icon-moon
-    <span class="muted">(&amp;#xf186;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf187</i>
-    icon-archive
-    <span class="muted">(&amp;#xf187;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf188</i>
-    icon-bug
-    <span class="muted">(&amp;#xf188;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf189</i>
-    icon-vk
-    <span class="muted">(&amp;#xf189;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf18a</i>
-    icon-weibo
-    <span class="muted">(&amp;#xf18a;)</span>
-  </div>
-
-  <div class="span4">
-    <i class="icon-fixed-width">&#xf18b</i>
-    icon-renren
-    <span class="muted">(&amp;#xf18b;)</span>
+  <h2 class="page-header">Every Font Awesome 4.0.0 Icon, CSS Class, &amp; Unicode</h2>
+
+  <div class="row">
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf000</i>
+      fa-glass
+      <span class="muted">(&amp;#xf000;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf001</i>
+      fa-music
+      <span class="muted">(&amp;#xf001;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf002</i>
+      fa-search
+      <span class="muted">(&amp;#xf002;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf003</i>
+      fa-envelope-o
+      <span class="muted">(&amp;#xf003;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf004</i>
+      fa-heart
+      <span class="muted">(&amp;#xf004;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf005</i>
+      fa-star
+      <span class="muted">(&amp;#xf005;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf006</i>
+      fa-star-o
+      <span class="muted">(&amp;#xf006;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf007</i>
+      fa-user
+      <span class="muted">(&amp;#xf007;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf008</i>
+      fa-film
+      <span class="muted">(&amp;#xf008;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf009</i>
+      fa-th-large
+      <span class="muted">(&amp;#xf009;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf00a</i>
+      fa-th
+      <span class="muted">(&amp;#xf00a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf00b</i>
+      fa-th-list
+      <span class="muted">(&amp;#xf00b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf00c</i>
+      fa-check
+      <span class="muted">(&amp;#xf00c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf00d</i>
+      fa-times
+      <span class="muted">(&amp;#xf00d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf00e</i>
+      fa-search-plus
+      <span class="muted">(&amp;#xf00e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf010</i>
+      fa-search-minus
+      <span class="muted">(&amp;#xf010;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf011</i>
+      fa-power-off
+      <span class="muted">(&amp;#xf011;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf012</i>
+      fa-signal
+      <span class="muted">(&amp;#xf012;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf013</i>
+      fa-cog
+      <span class="muted">(&amp;#xf013;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf014</i>
+      fa-trash-o
+      <span class="muted">(&amp;#xf014;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf015</i>
+      fa-home
+      <span class="muted">(&amp;#xf015;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf016</i>
+      fa-file-o
+      <span class="muted">(&amp;#xf016;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf017</i>
+      fa-clock-o
+      <span class="muted">(&amp;#xf017;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf018</i>
+      fa-road
+      <span class="muted">(&amp;#xf018;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf019</i>
+      fa-download
+      <span class="muted">(&amp;#xf019;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf01a</i>
+      fa-arrow-circle-o-down
+      <span class="muted">(&amp;#xf01a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf01b</i>
+      fa-arrow-circle-o-up
+      <span class="muted">(&amp;#xf01b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf01c</i>
+      fa-inbox
+      <span class="muted">(&amp;#xf01c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf01d</i>
+      fa-play-circle-o
+      <span class="muted">(&amp;#xf01d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf01e</i>
+      fa-repeat
+      <span class="muted">(&amp;#xf01e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf021</i>
+      fa-refresh
+      <span class="muted">(&amp;#xf021;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf022</i>
+      fa-list-alt
+      <span class="muted">(&amp;#xf022;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf023</i>
+      fa-lock
+      <span class="muted">(&amp;#xf023;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf024</i>
+      fa-flag
+      <span class="muted">(&amp;#xf024;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf025</i>
+      fa-headphones
+      <span class="muted">(&amp;#xf025;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf026</i>
+      fa-volume-off
+      <span class="muted">(&amp;#xf026;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf027</i>
+      fa-volume-down
+      <span class="muted">(&amp;#xf027;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf028</i>
+      fa-volume-up
+      <span class="muted">(&amp;#xf028;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf029</i>
+      fa-qrcode
+      <span class="muted">(&amp;#xf029;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf02a</i>
+      fa-barcode
+      <span class="muted">(&amp;#xf02a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf02b</i>
+      fa-tag
+      <span class="muted">(&amp;#xf02b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf02c</i>
+      fa-tags
+      <span class="muted">(&amp;#xf02c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf02d</i>
+      fa-book
+      <span class="muted">(&amp;#xf02d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf02e</i>
+      fa-bookmark
+      <span class="muted">(&amp;#xf02e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf02f</i>
+      fa-print
+      <span class="muted">(&amp;#xf02f;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf030</i>
+      fa-camera
+      <span class="muted">(&amp;#xf030;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf031</i>
+      fa-font
+      <span class="muted">(&amp;#xf031;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf032</i>
+      fa-bold
+      <span class="muted">(&amp;#xf032;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf033</i>
+      fa-italic
+      <span class="muted">(&amp;#xf033;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf034</i>
+      fa-text-height
+      <span class="muted">(&amp;#xf034;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf035</i>
+      fa-text-width
+      <span class="muted">(&amp;#xf035;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf036</i>
+      fa-align-left
+      <span class="muted">(&amp;#xf036;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf037</i>
+      fa-align-center
+      <span class="muted">(&amp;#xf037;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf038</i>
+      fa-align-right
+      <span class="muted">(&amp;#xf038;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf039</i>
+      fa-align-justify
+      <span class="muted">(&amp;#xf039;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf03a</i>
+      fa-list
+      <span class="muted">(&amp;#xf03a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf03b</i>
+      fa-outdent
+      <span class="muted">(&amp;#xf03b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf03c</i>
+      fa-indent
+      <span class="muted">(&amp;#xf03c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf03d</i>
+      fa-video-camera
+      <span class="muted">(&amp;#xf03d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf03e</i>
+      fa-picture-o
+      <span class="muted">(&amp;#xf03e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf040</i>
+      fa-pencil
+      <span class="muted">(&amp;#xf040;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf041</i>
+      fa-map-marker
+      <span class="muted">(&amp;#xf041;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf042</i>
+      fa-adjust
+      <span class="muted">(&amp;#xf042;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf043</i>
+      fa-tint
+      <span class="muted">(&amp;#xf043;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf044</i>
+      fa-pencil-square-o
+      <span class="muted">(&amp;#xf044;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf045</i>
+      fa-share-square-o
+      <span class="muted">(&amp;#xf045;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf046</i>
+      fa-check-square-o
+      <span class="muted">(&amp;#xf046;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf047</i>
+      fa-move
+      <span class="muted">(&amp;#xf047;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf048</i>
+      fa-step-backward
+      <span class="muted">(&amp;#xf048;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf049</i>
+      fa-fast-backward
+      <span class="muted">(&amp;#xf049;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf04a</i>
+      fa-backward
+      <span class="muted">(&amp;#xf04a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf04b</i>
+      fa-play
+      <span class="muted">(&amp;#xf04b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf04c</i>
+      fa-pause
+      <span class="muted">(&amp;#xf04c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf04d</i>
+      fa-stop
+      <span class="muted">(&amp;#xf04d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf04e</i>
+      fa-forward
+      <span class="muted">(&amp;#xf04e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf050</i>
+      fa-fast-forward
+      <span class="muted">(&amp;#xf050;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf051</i>
+      fa-step-forward
+      <span class="muted">(&amp;#xf051;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf052</i>
+      fa-eject
+      <span class="muted">(&amp;#xf052;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf053</i>
+      fa-chevron-left
+      <span class="muted">(&amp;#xf053;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf054</i>
+      fa-chevron-right
+      <span class="muted">(&amp;#xf054;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf055</i>
+      fa-plus-circle
+      <span class="muted">(&amp;#xf055;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf056</i>
+      fa-minus-circle
+      <span class="muted">(&amp;#xf056;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf057</i>
+      fa-times-circle
+      <span class="muted">(&amp;#xf057;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf058</i>
+      fa-check-circle
+      <span class="muted">(&amp;#xf058;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf059</i>
+      fa-question-circle
+      <span class="muted">(&amp;#xf059;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf05a</i>
+      fa-info-circle
+      <span class="muted">(&amp;#xf05a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf05b</i>
+      fa-crosshairs
+      <span class="muted">(&amp;#xf05b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf05c</i>
+      fa-times-circle-o
+      <span class="muted">(&amp;#xf05c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf05d</i>
+      fa-check-circle-o
+      <span class="muted">(&amp;#xf05d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf05e</i>
+      fa-ban
+      <span class="muted">(&amp;#xf05e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf060</i>
+      fa-arrow-left
+      <span class="muted">(&amp;#xf060;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf061</i>
+      fa-arrow-right
+      <span class="muted">(&amp;#xf061;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf062</i>
+      fa-arrow-up
+      <span class="muted">(&amp;#xf062;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf063</i>
+      fa-arrow-down
+      <span class="muted">(&amp;#xf063;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf064</i>
+      fa-share
+      <span class="muted">(&amp;#xf064;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf065</i>
+      fa-resize-full
+      <span class="muted">(&amp;#xf065;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf066</i>
+      fa-resize-small
+      <span class="muted">(&amp;#xf066;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf067</i>
+      fa-plus
+      <span class="muted">(&amp;#xf067;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf068</i>
+      fa-minus
+      <span class="muted">(&amp;#xf068;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf069</i>
+      fa-asterisk
+      <span class="muted">(&amp;#xf069;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf06a</i>
+      fa-exclamation-circle
+      <span class="muted">(&amp;#xf06a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf06b</i>
+      fa-gift
+      <span class="muted">(&amp;#xf06b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf06c</i>
+      fa-leaf
+      <span class="muted">(&amp;#xf06c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf06d</i>
+      fa-fire
+      <span class="muted">(&amp;#xf06d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf06e</i>
+      fa-eye
+      <span class="muted">(&amp;#xf06e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf070</i>
+      fa-eye-slash
+      <span class="muted">(&amp;#xf070;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf071</i>
+      fa-exclamation-triangle
+      <span class="muted">(&amp;#xf071;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf072</i>
+      fa-plane
+      <span class="muted">(&amp;#xf072;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf073</i>
+      fa-calendar
+      <span class="muted">(&amp;#xf073;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf074</i>
+      fa-random
+      <span class="muted">(&amp;#xf074;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf075</i>
+      fa-comment
+      <span class="muted">(&amp;#xf075;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf076</i>
+      fa-magnet
+      <span class="muted">(&amp;#xf076;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf077</i>
+      fa-chevron-up
+      <span class="muted">(&amp;#xf077;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf078</i>
+      fa-chevron-down
+      <span class="muted">(&amp;#xf078;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf079</i>
+      fa-retweet
+      <span class="muted">(&amp;#xf079;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf07a</i>
+      fa-shopping-cart
+      <span class="muted">(&amp;#xf07a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf07b</i>
+      fa-folder
+      <span class="muted">(&amp;#xf07b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf07c</i>
+      fa-folder-open
+      <span class="muted">(&amp;#xf07c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf07d</i>
+      fa-resize-vertical
+      <span class="muted">(&amp;#xf07d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf07e</i>
+      fa-resize-horizontal
+      <span class="muted">(&amp;#xf07e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf080</i>
+      fa-bar-chart-o
+      <span class="muted">(&amp;#xf080;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf081</i>
+      fa-twitter-square
+      <span class="muted">(&amp;#xf081;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf082</i>
+      fa-facebook-square
+      <span class="muted">(&amp;#xf082;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf083</i>
+      fa-camera-retro
+      <span class="muted">(&amp;#xf083;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf084</i>
+      fa-key
+      <span class="muted">(&amp;#xf084;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf085</i>
+      fa-cogs
+      <span class="muted">(&amp;#xf085;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf086</i>
+      fa-comments
+      <span class="muted">(&amp;#xf086;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf087</i>
+      fa-thumbs-o-up
+      <span class="muted">(&amp;#xf087;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf088</i>
+      fa-thumbs-o-down
+      <span class="muted">(&amp;#xf088;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf089</i>
+      fa-star-half
+      <span class="muted">(&amp;#xf089;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf08a</i>
+      fa-heart-o
+      <span class="muted">(&amp;#xf08a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf08b</i>
+      fa-sign-out
+      <span class="muted">(&amp;#xf08b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf08c</i>
+      fa-linkedin-square
+      <span class="muted">(&amp;#xf08c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf08d</i>
+      fa-thumb-tack
+      <span class="muted">(&amp;#xf08d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf08e</i>
+      fa-external-link
+      <span class="muted">(&amp;#xf08e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf090</i>
+      fa-sign-in
+      <span class="muted">(&amp;#xf090;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf091</i>
+      fa-trophy
+      <span class="muted">(&amp;#xf091;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf092</i>
+      fa-github-square
+      <span class="muted">(&amp;#xf092;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf093</i>
+      fa-upload
+      <span class="muted">(&amp;#xf093;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf094</i>
+      fa-lemon-o
+      <span class="muted">(&amp;#xf094;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf095</i>
+      fa-phone
+      <span class="muted">(&amp;#xf095;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf096</i>
+      fa-square-o
+      <span class="muted">(&amp;#xf096;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf097</i>
+      fa-bookmark-o
+      <span class="muted">(&amp;#xf097;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf098</i>
+      fa-phone-square
+      <span class="muted">(&amp;#xf098;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf099</i>
+      fa-twitter
+      <span class="muted">(&amp;#xf099;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf09a</i>
+      fa-facebook
+      <span class="muted">(&amp;#xf09a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf09b</i>
+      fa-github
+      <span class="muted">(&amp;#xf09b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf09c</i>
+      fa-unlock
+      <span class="muted">(&amp;#xf09c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf09d</i>
+      fa-credit-card
+      <span class="muted">(&amp;#xf09d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf09e</i>
+      fa-rss
+      <span class="muted">(&amp;#xf09e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0a0</i>
+      fa-hdd
+      <span class="muted">(&amp;#xf0a0;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0a1</i>
+      fa-bullhorn
+      <span class="muted">(&amp;#xf0a1;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0f3</i>
+      fa-bell
+      <span class="muted">(&amp;#xf0f3;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0a3</i>
+      fa-certificate
+      <span class="muted">(&amp;#xf0a3;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0a4</i>
+      fa-hand-o-right
+      <span class="muted">(&amp;#xf0a4;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0a5</i>
+      fa-hand-o-left
+      <span class="muted">(&amp;#xf0a5;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0a6</i>
+      fa-hand-o-up
+      <span class="muted">(&amp;#xf0a6;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0a7</i>
+      fa-hand-o-down
+      <span class="muted">(&amp;#xf0a7;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0a8</i>
+      fa-arrow-circle-left
+      <span class="muted">(&amp;#xf0a8;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0a9</i>
+      fa-arrow-circle-right
+      <span class="muted">(&amp;#xf0a9;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0aa</i>
+      fa-arrow-circle-up
+      <span class="muted">(&amp;#xf0aa;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0ab</i>
+      fa-arrow-circle-down
+      <span class="muted">(&amp;#xf0ab;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0ac</i>
+      fa-globe
+      <span class="muted">(&amp;#xf0ac;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0ad</i>
+      fa-wrench
+      <span class="muted">(&amp;#xf0ad;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0ae</i>
+      fa-tasks
+      <span class="muted">(&amp;#xf0ae;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0b0</i>
+      fa-filter
+      <span class="muted">(&amp;#xf0b0;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0b1</i>
+      fa-briefcase
+      <span class="muted">(&amp;#xf0b1;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0b2</i>
+      fa-fullscreen
+      <span class="muted">(&amp;#xf0b2;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0c0</i>
+      fa-group
+      <span class="muted">(&amp;#xf0c0;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0c1</i>
+      fa-link
+      <span class="muted">(&amp;#xf0c1;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0c2</i>
+      fa-cloud
+      <span class="muted">(&amp;#xf0c2;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0c3</i>
+      fa-flask
+      <span class="muted">(&amp;#xf0c3;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0c4</i>
+      fa-scissors
+      <span class="muted">(&amp;#xf0c4;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0c5</i>
+      fa-files-o
+      <span class="muted">(&amp;#xf0c5;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0c6</i>
+      fa-paperclip
+      <span class="muted">(&amp;#xf0c6;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0c7</i>
+      fa-floppy-o
+      <span class="muted">(&amp;#xf0c7;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0c8</i>
+      fa-square
+      <span class="muted">(&amp;#xf0c8;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0c9</i>
+      fa-reorder
+      <span class="muted">(&amp;#xf0c9;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0ca</i>
+      fa-list-ul
+      <span class="muted">(&amp;#xf0ca;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0cb</i>
+      fa-list-ol
+      <span class="muted">(&amp;#xf0cb;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0cc</i>
+      fa-strikethrough
+      <span class="muted">(&amp;#xf0cc;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0cd</i>
+      fa-underline
+      <span class="muted">(&amp;#xf0cd;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0ce</i>
+      fa-table
+      <span class="muted">(&amp;#xf0ce;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0d0</i>
+      fa-magic
+      <span class="muted">(&amp;#xf0d0;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0d1</i>
+      fa-truck
+      <span class="muted">(&amp;#xf0d1;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0d2</i>
+      fa-pinterest
+      <span class="muted">(&amp;#xf0d2;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0d3</i>
+      fa-pinterest-square
+      <span class="muted">(&amp;#xf0d3;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0d4</i>
+      fa-google-plus-square
+      <span class="muted">(&amp;#xf0d4;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0d5</i>
+      fa-google-plus
+      <span class="muted">(&amp;#xf0d5;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0d6</i>
+      fa-money
+      <span class="muted">(&amp;#xf0d6;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0d7</i>
+      fa-caret-down
+      <span class="muted">(&amp;#xf0d7;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0d8</i>
+      fa-caret-up
+      <span class="muted">(&amp;#xf0d8;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0d9</i>
+      fa-caret-left
+      <span class="muted">(&amp;#xf0d9;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0da</i>
+      fa-caret-right
+      <span class="muted">(&amp;#xf0da;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0db</i>
+      fa-columns
+      <span class="muted">(&amp;#xf0db;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0dc</i>
+      fa-sort
+      <span class="muted">(&amp;#xf0dc;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0dd</i>
+      fa-sort-asc
+      <span class="muted">(&amp;#xf0dd;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0de</i>
+      fa-sort-desc
+      <span class="muted">(&amp;#xf0de;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0e0</i>
+      fa-envelope
+      <span class="muted">(&amp;#xf0e0;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0e1</i>
+      fa-linkedin
+      <span class="muted">(&amp;#xf0e1;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0e2</i>
+      fa-undo
+      <span class="muted">(&amp;#xf0e2;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0e3</i>
+      fa-gavel
+      <span class="muted">(&amp;#xf0e3;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0e4</i>
+      fa-tachometer
+      <span class="muted">(&amp;#xf0e4;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0e5</i>
+      fa-comment-o
+      <span class="muted">(&amp;#xf0e5;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0e6</i>
+      fa-comments-o
+      <span class="muted">(&amp;#xf0e6;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0e7</i>
+      fa-bolt
+      <span class="muted">(&amp;#xf0e7;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0e8</i>
+      fa-sitemap
+      <span class="muted">(&amp;#xf0e8;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0e9</i>
+      fa-umbrella
+      <span class="muted">(&amp;#xf0e9;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0ea</i>
+      fa-clipboard
+      <span class="muted">(&amp;#xf0ea;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0eb</i>
+      fa-lightbulb-o
+      <span class="muted">(&amp;#xf0eb;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0ec</i>
+      fa-exchange
+      <span class="muted">(&amp;#xf0ec;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0ed</i>
+      fa-cloud-download
+      <span class="muted">(&amp;#xf0ed;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0ee</i>
+      fa-cloud-upload
+      <span class="muted">(&amp;#xf0ee;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0f0</i>
+      fa-user-md
+      <span class="muted">(&amp;#xf0f0;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0f1</i>
+      fa-stethoscope
+      <span class="muted">(&amp;#xf0f1;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0f2</i>
+      fa-suitcase
+      <span class="muted">(&amp;#xf0f2;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0a2</i>
+      fa-bell-o
+      <span class="muted">(&amp;#xf0a2;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0f4</i>
+      fa-coffee
+      <span class="muted">(&amp;#xf0f4;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0f5</i>
+      fa-cutlery
+      <span class="muted">(&amp;#xf0f5;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0f6</i>
+      fa-file-text-o
+      <span class="muted">(&amp;#xf0f6;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0f7</i>
+      fa-building
+      <span class="muted">(&amp;#xf0f7;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0f8</i>
+      fa-hospital
+      <span class="muted">(&amp;#xf0f8;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0f9</i>
+      fa-ambulance
+      <span class="muted">(&amp;#xf0f9;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0fa</i>
+      fa-medkit
+      <span class="muted">(&amp;#xf0fa;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0fb</i>
+      fa-fighter-jet
+      <span class="muted">(&amp;#xf0fb;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0fc</i>
+      fa-beer
+      <span class="muted">(&amp;#xf0fc;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0fd</i>
+      fa-h-square
+      <span class="muted">(&amp;#xf0fd;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf0fe</i>
+      fa-plus-square
+      <span class="muted">(&amp;#xf0fe;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf100</i>
+      fa-angle-double-left
+      <span class="muted">(&amp;#xf100;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf101</i>
+      fa-angle-double-right
+      <span class="muted">(&amp;#xf101;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf102</i>
+      fa-angle-double-up
+      <span class="muted">(&amp;#xf102;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf103</i>
+      fa-angle-double-down
+      <span class="muted">(&amp;#xf103;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf104</i>
+      fa-angle-left
+      <span class="muted">(&amp;#xf104;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf105</i>
+      fa-angle-right
+      <span class="muted">(&amp;#xf105;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf106</i>
+      fa-angle-up
+      <span class="muted">(&amp;#xf106;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf107</i>
+      fa-angle-down
+      <span class="muted">(&amp;#xf107;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf108</i>
+      fa-desktop
+      <span class="muted">(&amp;#xf108;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf109</i>
+      fa-laptop
+      <span class="muted">(&amp;#xf109;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf10a</i>
+      fa-tablet
+      <span class="muted">(&amp;#xf10a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf10b</i>
+      fa-mobile
+      <span class="muted">(&amp;#xf10b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf10c</i>
+      fa-circle-o
+      <span class="muted">(&amp;#xf10c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf10d</i>
+      fa-quote-left
+      <span class="muted">(&amp;#xf10d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf10e</i>
+      fa-quote-right
+      <span class="muted">(&amp;#xf10e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf110</i>
+      fa-spinner
+      <span class="muted">(&amp;#xf110;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf111</i>
+      fa-circle
+      <span class="muted">(&amp;#xf111;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf112</i>
+      fa-reply
+      <span class="muted">(&amp;#xf112;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf113</i>
+      fa-github-alt
+      <span class="muted">(&amp;#xf113;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf114</i>
+      fa-folder-o
+      <span class="muted">(&amp;#xf114;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf115</i>
+      fa-folder-open-o
+      <span class="muted">(&amp;#xf115;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf116</i>
+      fa-expand-o
+      <span class="muted">(&amp;#xf116;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf117</i>
+      fa-collapse-o
+      <span class="muted">(&amp;#xf117;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf118</i>
+      fa-smile-o
+      <span class="muted">(&amp;#xf118;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf119</i>
+      fa-frown-o
+      <span class="muted">(&amp;#xf119;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf11a</i>
+      fa-meh-o
+      <span class="muted">(&amp;#xf11a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf11b</i>
+      fa-gamepad
+      <span class="muted">(&amp;#xf11b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf11c</i>
+      fa-keyboard-o
+      <span class="muted">(&amp;#xf11c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf11d</i>
+      fa-flag-o
+      <span class="muted">(&amp;#xf11d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf11e</i>
+      fa-flag-checkered
+      <span class="muted">(&amp;#xf11e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf120</i>
+      fa-terminal
+      <span class="muted">(&amp;#xf120;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf121</i>
+      fa-code
+      <span class="muted">(&amp;#xf121;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf122</i>
+      fa-reply-all
+      <span class="muted">(&amp;#xf122;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf122</i>
+      fa-mail-reply-all
+      <span class="muted">(&amp;#xf122;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf123</i>
+      fa-star-half-o
+      <span class="muted">(&amp;#xf123;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf124</i>
+      fa-location-arrow
+      <span class="muted">(&amp;#xf124;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf125</i>
+      fa-crop
+      <span class="muted">(&amp;#xf125;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf126</i>
+      fa-code-fork
+      <span class="muted">(&amp;#xf126;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf127</i>
+      fa-chain-broken
+      <span class="muted">(&amp;#xf127;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf128</i>
+      fa-question
+      <span class="muted">(&amp;#xf128;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf129</i>
+      fa-info
+      <span class="muted">(&amp;#xf129;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf12a</i>
+      fa-exclamation
+      <span class="muted">(&amp;#xf12a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf12b</i>
+      fa-superscript
+      <span class="muted">(&amp;#xf12b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf12c</i>
+      fa-subscript
+      <span class="muted">(&amp;#xf12c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf12d</i>
+      fa-eraser
+      <span class="muted">(&amp;#xf12d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf12e</i>
+      fa-puzzle-piece
+      <span class="muted">(&amp;#xf12e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf130</i>
+      fa-microphone
+      <span class="muted">(&amp;#xf130;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf131</i>
+      fa-microphone-slash
+      <span class="muted">(&amp;#xf131;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf132</i>
+      fa-shield
+      <span class="muted">(&amp;#xf132;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf133</i>
+      fa-calendar-o
+      <span class="muted">(&amp;#xf133;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf134</i>
+      fa-fire-extinguisher
+      <span class="muted">(&amp;#xf134;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf135</i>
+      fa-rocket
+      <span class="muted">(&amp;#xf135;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf136</i>
+      fa-maxcdn
+      <span class="muted">(&amp;#xf136;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf137</i>
+      fa-chevron-circle-left
+      <span class="muted">(&amp;#xf137;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf138</i>
+      fa-chevron-circle-right
+      <span class="muted">(&amp;#xf138;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf139</i>
+      fa-chevron-circle-up
+      <span class="muted">(&amp;#xf139;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf13a</i>
+      fa-chevron-circle-down
+      <span class="muted">(&amp;#xf13a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf13b</i>
+      fa-html5
+      <span class="muted">(&amp;#xf13b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf13c</i>
+      fa-css3
+      <span class="muted">(&amp;#xf13c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf13d</i>
+      fa-anchor
+      <span class="muted">(&amp;#xf13d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf13e</i>
+      fa-unlock-o
+      <span class="muted">(&amp;#xf13e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf140</i>
+      fa-bullseye
+      <span class="muted">(&amp;#xf140;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf141</i>
+      fa-ellipsis-horizontal
+      <span class="muted">(&amp;#xf141;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf142</i>
+      fa-ellipsis-vertical
+      <span class="muted">(&amp;#xf142;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf143</i>
+      fa-rss-square
+      <span class="muted">(&amp;#xf143;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf144</i>
+      fa-play-circle
+      <span class="muted">(&amp;#xf144;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf145</i>
+      fa-ticket
+      <span class="muted">(&amp;#xf145;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf146</i>
+      fa-minus-square
+      <span class="muted">(&amp;#xf146;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf147</i>
+      fa-minus-square-o
+      <span class="muted">(&amp;#xf147;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf148</i>
+      fa-level-up
+      <span class="muted">(&amp;#xf148;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf149</i>
+      fa-level-down
+      <span class="muted">(&amp;#xf149;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf14a</i>
+      fa-check-square
+      <span class="muted">(&amp;#xf14a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf14b</i>
+      fa-pencil-square
+      <span class="muted">(&amp;#xf14b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf14c</i>
+      fa-external-link-square
+      <span class="muted">(&amp;#xf14c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf14d</i>
+      fa-share-square
+      <span class="muted">(&amp;#xf14d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf14e</i>
+      fa-compass
+      <span class="muted">(&amp;#xf14e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf150</i>
+      fa-caret-square-o-down
+      <span class="muted">(&amp;#xf150;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf151</i>
+      fa-caret-square-o-up
+      <span class="muted">(&amp;#xf151;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf152</i>
+      fa-caret-square-o-right
+      <span class="muted">(&amp;#xf152;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf153</i>
+      fa-eur
+      <span class="muted">(&amp;#xf153;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf154</i>
+      fa-gbp
+      <span class="muted">(&amp;#xf154;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf155</i>
+      fa-usd
+      <span class="muted">(&amp;#xf155;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf156</i>
+      fa-inr
+      <span class="muted">(&amp;#xf156;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf157</i>
+      fa-jpy
+      <span class="muted">(&amp;#xf157;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf158</i>
+      fa-rub
+      <span class="muted">(&amp;#xf158;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf159</i>
+      fa-krw
+      <span class="muted">(&amp;#xf159;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf15a</i>
+      fa-btc
+      <span class="muted">(&amp;#xf15a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf15b</i>
+      fa-file
+      <span class="muted">(&amp;#xf15b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf15c</i>
+      fa-file-text
+      <span class="muted">(&amp;#xf15c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf15d</i>
+      fa-sort-alpha-asc
+      <span class="muted">(&amp;#xf15d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf15e</i>
+      fa-sort-alpha-desc
+      <span class="muted">(&amp;#xf15e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf160</i>
+      fa-sort-amount-asc
+      <span class="muted">(&amp;#xf160;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf161</i>
+      fa-sort-amount-desc
+      <span class="muted">(&amp;#xf161;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf162</i>
+      fa-sort-numeric-asc
+      <span class="muted">(&amp;#xf162;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf163</i>
+      fa-sort-numeric-desc
+      <span class="muted">(&amp;#xf163;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf164</i>
+      fa-thumbs-up
+      <span class="muted">(&amp;#xf164;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf165</i>
+      fa-thumbs-down
+      <span class="muted">(&amp;#xf165;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf166</i>
+      fa-youtube-square
+      <span class="muted">(&amp;#xf166;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf167</i>
+      fa-youtube
+      <span class="muted">(&amp;#xf167;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf168</i>
+      fa-xing
+      <span class="muted">(&amp;#xf168;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf169</i>
+      fa-xing-square
+      <span class="muted">(&amp;#xf169;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf16a</i>
+      fa-youtube-play
+      <span class="muted">(&amp;#xf16a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf16b</i>
+      fa-dropbox
+      <span class="muted">(&amp;#xf16b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf16c</i>
+      fa-stack-overflow
+      <span class="muted">(&amp;#xf16c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf16d</i>
+      fa-instagram
+      <span class="muted">(&amp;#xf16d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf16e</i>
+      fa-flickr
+      <span class="muted">(&amp;#xf16e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf170</i>
+      fa-adn
+      <span class="muted">(&amp;#xf170;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf171</i>
+      fa-bitbucket
+      <span class="muted">(&amp;#xf171;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf172</i>
+      fa-bitbucket-square
+      <span class="muted">(&amp;#xf172;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf173</i>
+      fa-tumblr
+      <span class="muted">(&amp;#xf173;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf174</i>
+      fa-tumblr-square
+      <span class="muted">(&amp;#xf174;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf175</i>
+      fa-long-arrow-down
+      <span class="muted">(&amp;#xf175;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf176</i>
+      fa-long-arrow-up
+      <span class="muted">(&amp;#xf176;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf177</i>
+      fa-long-arrow-left
+      <span class="muted">(&amp;#xf177;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf178</i>
+      fa-long-arrow-right
+      <span class="muted">(&amp;#xf178;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf179</i>
+      fa-apple
+      <span class="muted">(&amp;#xf179;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf17a</i>
+      fa-windows
+      <span class="muted">(&amp;#xf17a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf17b</i>
+      fa-android
+      <span class="muted">(&amp;#xf17b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf17c</i>
+      fa-linux
+      <span class="muted">(&amp;#xf17c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf17d</i>
+      fa-dribbble
+      <span class="muted">(&amp;#xf17d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf17e</i>
+      fa-skype
+      <span class="muted">(&amp;#xf17e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf180</i>
+      fa-foursquare
+      <span class="muted">(&amp;#xf180;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf181</i>
+      fa-trello
+      <span class="muted">(&amp;#xf181;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf182</i>
+      fa-female
+      <span class="muted">(&amp;#xf182;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf183</i>
+      fa-male
+      <span class="muted">(&amp;#xf183;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf184</i>
+      fa-gittip
+      <span class="muted">(&amp;#xf184;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf185</i>
+      fa-sun-o
+      <span class="muted">(&amp;#xf185;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf186</i>
+      fa-moon-o
+      <span class="muted">(&amp;#xf186;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf187</i>
+      fa-archive
+      <span class="muted">(&amp;#xf187;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf188</i>
+      fa-bug
+      <span class="muted">(&amp;#xf188;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf189</i>
+      fa-vk
+      <span class="muted">(&amp;#xf189;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf18a</i>
+      fa-weibo
+      <span class="muted">(&amp;#xf18a;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf18b</i>
+      fa-renren
+      <span class="muted">(&amp;#xf18b;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf18c</i>
+      fa-pagelines
+      <span class="muted">(&amp;#xf18c;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf18d</i>
+      fa-stack-exchange
+      <span class="muted">(&amp;#xf18d;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf18e</i>
+      fa-arrow-circle-o-right
+      <span class="muted">(&amp;#xf18e;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf190</i>
+      fa-arrow-circle-o-left
+      <span class="muted">(&amp;#xf190;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf191</i>
+      fa-caret-square-o-left
+      <span class="muted">(&amp;#xf191;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf192</i>
+      fa-dot-circle-o
+      <span class="muted">(&amp;#xf192;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf193</i>
+      fa-wheelchair
+      <span class="muted">(&amp;#xf193;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf194</i>
+      fa-vimeo-square
+      <span class="muted">(&amp;#xf194;)</span>
+    </div>
+    
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      <i class="fa fa-fw">&#xf195</i>
+      fa-try
+      <span class="muted">(&amp;#xf195;)</span>
+    </div>
+    
   </div>
-
 </div>
 
 </div>
-
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -2370,9 +2410,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../assets/js/site.js"></script>
 
 </body>
diff --git a/community/index.html b/community/index.html
index 264a015d3..7861daca5 100644
--- a/community/index.html
+++ b/community/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>The Font Awesome Community</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="../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>The Font Awesome Community</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../assets/css/site.css">
   <link rel="stylesheet" href="../assets/css/pygments.css">
   <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../assets/js/html5shiv.js"></script>
+    <script src="../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../">Home</a></li>
-          <li><a href="../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../examples/#new-styles">New Styles</a></li>
-              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../examples/#buttons">Buttons</a></li>
-              <li><a href="../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../examples/#navigation">Navigation</a></li>
-              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../examples/#stacked">Stacked</a></li>
-              <li><a href="../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 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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../whats-new/">New</a>
+        </li>
+        <li><a href="../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../examples/#inline">Inline Icons</a></li>
+            <li><a href="../examples/#larger">Larger Icons</a></li>
+            <li><a href="../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../examples/#list">List Icons</a></li>
+            <li><a href="../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li class="active"><a href="../community/">Community</a></li>
+        <li><a href="../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -123,14 +115,14 @@
 
 <div class="jumbotron jumbotron-ad hidden-print">
   <div class="container">
-    <h1><i class="icon-thumbs-up-alt icon-large"></i>&nbsp; Community</h1>
+    <h1><i class="fa fa-thumbs-o-up"></i>&nbsp; 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">
+    <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>
@@ -150,29 +142,25 @@
 
 <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>
+  <section class="hidden-print">
+  <div class="stripe-ad">
+    <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">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 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>
+    
+  <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>
 </section>
 
 
-<div id="getting-support">
+  <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
@@ -195,14 +183,14 @@
   </ol>
 </div>
 
-<section id="reporting-bugs">
+  <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>Please <a href="https://github.com/FortAwesome/Font-Awesome/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>.
@@ -214,7 +202,7 @@
   </ol>
 </section>
 
-<section id="requesting-new-icons">
+  <section id="requesting-new-icons">
   <h2 class="page-header">Requesting New Icons</h2>
   <p>
     New icons mostly start as requests by the
@@ -237,12 +225,12 @@
     </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>
 
-<section id="submitting-pull-requests">
+  <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>
@@ -255,7 +243,7 @@
   </ol>
 </section>
 
-<section id="project-milestones">
+  <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
@@ -264,26 +252,26 @@
 </section>
 
 
-<section id="thanks-to">
+  <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="https://github.com/FortAwesome/Font-Awesome">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">&nbsp;</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>
@@ -291,20 +279,20 @@
   </div>
 </section>
 
-<section id="tell-me-thanks">
+  <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>
+    <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
@@ -314,27 +302,25 @@
   </div>
 </section>
 
-
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -345,9 +331,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../assets/js/site.js"></script>
 
 </body>
diff --git a/examples/index.html b/examples/index.html
index c3d25ade2..24458423b 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>Font Awesome Examples</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="../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>Font Awesome Examples</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../assets/css/site.css">
   <link rel="stylesheet" href="../assets/css/pygments.css">
   <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../assets/js/html5shiv.js"></script>
+    <script src="../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../">Home</a></li>
-          <li><a href="../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; 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 &amp; Flipped</a></li>
-              <li><a href="../examples/#stacked">Stacked</a></li>
-              <li><a href="../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../community/">Community</a></li>
-          <li><a href="../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../whats-new/">New</a>
+        </li>
+        <li><a href="../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; 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-xs active">
+          <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="../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../examples/#inline">Inline Icons</a></li>
+            <li><a href="../examples/#larger">Larger Icons</a></li>
+            <li><a href="../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../examples/#list">List Icons</a></li>
+            <li><a href="../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../community/">Community</a></li>
+        <li><a href="../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -123,14 +115,14 @@
 
 <div class="jumbotron jumbotron-ad hidden-print">
   <div class="container">
-    <h1><i class="icon-magic icon-large"></i>&nbsp; Examples</h1>
+    <h1><i class="fa fa-magic"></i>&nbsp; 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">
+    <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>
@@ -150,477 +142,352 @@
 
 <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>&lt;i&gt;</code> tag.
-  Many examples appreciatively re-used from the <a href="http://getbootstrap.com">Bootstrap documentation</a>.
-</p>
+  <section class="hidden-print">
+  <div class="stripe-ad">
+    <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">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 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>
+    
+  <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>&lt;i&gt;</code> tag.
+    Some examples appreciatively re-used from the <a href="http://getbootstrap.com">Bootstrap documentation</a>.
+  </p>
+  
   </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>&nbsp; normal<br>
-        <i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
-        <i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
-        <i class="icon-shield icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
-        <i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
-        <i class="icon-shield icon-flip-vertical"></i>&nbsp; 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">
+  <section id="inline">
   <h2 class="page-header">Inline Icons</h2>
   <div class="row">
-    <div class="span3">
-      <p>Place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag.</p>
+    <div class="col-md-3 col-sm-4">
+      <p>
+        <i class="fa fa-camera-retro"></i> fa-camera-retro
+      </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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera-retro&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-camera-retro
+    <div class="col-md-9 col-sm-8">
+      <p>Place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag.</p>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-camera-retro&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="alert alert-success"><i class="fa fa-info-circle"></i> Icon classes are echoed via CSS :before.</div>
     </div>
   </div>
 </section>
 
-<section id="larger-icons">
+  <section id="larger">
   <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 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="span9">
+    <div class="col-md-9 col-sm-8">
       <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.
+        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>
-      <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">&lt;p&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera-retro icon-large&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-camera-retro<span class="nt">&lt;/p&gt;</span>
-<span class="nt">&lt;p&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera-retro icon-2x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-camera-retro<span class="nt">&lt;/p&gt;</span>
-<span class="nt">&lt;p&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera-retro icon-3x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-camera-retro<span class="nt">&lt;/p&gt;</span>
-<span class="nt">&lt;p&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera-retro icon-4x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-camera-retro<span class="nt">&lt;/p&gt;</span>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;p&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-camera-retro fa-lg&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-camera-retro<span class="nt">&lt;/p&gt;</span>
+<span class="nt">&lt;p&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-camera-retro fa-2x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-camera-retro<span class="nt">&lt;/p&gt;</span>
+<span class="nt">&lt;p&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-camera-retro fa-3x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-camera-retro<span class="nt">&lt;/p&gt;</span>
+<span class="nt">&lt;p&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-camera-retro fa-4x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-camera-retro<span class="nt">&lt;/p&gt;</span>
+<span class="nt">&lt;p&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-camera-retro fa-5x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-camera-retro<span class="nt">&lt;/p&gt;</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
+      <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>
 
-<section id="bordered-pulled">
+  <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>&nbsp; Home</a></li>
+        <li><a href="#"><i class="fa fa-book fa-fw"></i>&nbsp; Library</a></li>
+        <li><a href="#"><i class="fa fa-pencil fa-fw"></i>&nbsp; Applications</a></li>
+        <li><a href="#"><i class="fa fa-cogs fa-fw"></i>&nbsp; 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>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;nav nav-pills nav-stacked&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;active&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-home fa-fw&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Home<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-book fa-fw&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Library<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pencil fa-fw&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Applications<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cogs fa-fw&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Settings<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+<span class="nt">&lt;/ul&gt;</span>
+</code></pre></div>
+    </div>
+  </div>
+</section>
+
+  <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>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;fa-ul&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa-li fa fa-check-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>List icons (like these)<span class="nt">&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa-li fa fa-check-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>can be used<span class="nt">&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa-li fa fa-spinner fa-spin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>to replace<span class="nt">&lt;/li&gt;</span>
+  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa-li fa fa-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>default bullets in lists<span class="nt">&lt;/li&gt;</span>
+<span class="nt">&lt;/ul&gt;</span>
+</code></pre></div>
+    </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
+        <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="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>
-    </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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-quote-left icon-4x pull-left icon-muted&quot;</span><span class="nt">&gt;&lt;/i&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-flag icon-4x pull-left icon-border&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
-Use a few of the new styles together ... lots of new possibilities.
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-quote-left fa-2x pull-left fa-border&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+Use a few styles together and you&#39;ll have easy pull quotes or a great introductory article icon.
 </code></pre></div>
     </div>
   </div>
 </section>
 
-<section id="buttons">
-  <h2 class="page-header">Buttons</h2>
+  <section id="spinning">
+  <h2 class="page-header">Spinning Icons</h2>
   <div class="row">
-    <div class="span3">
+    <div class="col-md-3 col-sm-4">
       <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>
+        <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>
-        <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>
+        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>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-spinner fa-spin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-refresh fa-spin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cog fa-spin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+</code></pre></div>
+      <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="rotated-flipped">
+  <h2 class="page-header">Rotated &amp; Flipped</h2>
+  <div class="row">
+    <div class="col-md-3 col-sm-4">
+      <p style="font-size: 18px;">
+        <i class="fa fa-shield"></i>&nbsp; normal<br>
+        <i class="fa fa-shield fa-rotate-90"></i>&nbsp; fa-rotate-90<br>
+        <i class="fa fa-shield fa-rotate-180"></i>&nbsp; fa-rotate-180<br>
+        <i class="fa fa-shield fa-rotate-270"></i>&nbsp; fa-rotate-270<br>
+        <i class="fa fa-shield fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal<br>
+        <i class="fa fa-shield fa-flip-vertical"></i>&nbsp; fa-flip-vertical
+      </p>
+    </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>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-shield&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> normal<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-shield fa-rotate-90&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> fa-rotate-90<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-shield fa-rotate-180&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> fa-rotate-180<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-shield fa-rotate-270&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> fa-rotate-270<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-shield fa-flip-horizontal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> fa-flip-horizontal<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-shield fa-flip-vertical&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> icon-flip-vertical
+</code></pre></div>
+    </div>
+  </div>
+</section>
+
+  <section id="stacked">
+  <h2 class="page-header">Stacked Icons</h2>
+  <div class="row">
+    <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>
+        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>
+        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>
+        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>
+        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>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;fa-stack fa-lg&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-square-o fa-stack-2x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-twitter fa-stack-1x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+<span class="nt">&lt;/span&gt;</span>
+fa-twitter on fa-square-o<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;fa-stack fa-lg&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-circle fa-stack-2x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flag fa-stack-1x fa-inverse&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+<span class="nt">&lt;/span&gt;</span>
+fa-flag on fa-circle<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;fa-stack fa-lg&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-square fa-stack-2x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-terminal fa-stack-1x fa-inverse&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+<span class="nt">&lt;/span&gt;</span>
+fa-terminal on fa-square<span class="nt">&lt;br&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;fa-stack fa-lg&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-camera fa-stack-1x&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ban fa-stack-2x text-danger&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
+<span class="nt">&lt;/span&gt;</span>
+fa-ban on fa-camera
+</code></pre></div>
+    </div>
+  </div>
+</section>
+
+  <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="icon-trash icon-large"></i> Delete</a>
-        <a class="btn btn-small" href="#">
-          <i class="icon-cog"></i> Settings</a>
+          <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-large btn-danger" href="#">
-          <i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version 3.2.1</a>
+        <a class="btn btn-lg btn-success" href="#">
+          <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.0.0</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">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-repeat&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Reload<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-success&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shopping-cart icon-large&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Checkout<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-large btn-primary&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-comment&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Comment<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-small btn-info&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-info-sign&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Info<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-danger&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-trash icon-large&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Delete<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-small&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-cog&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Settings<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-large btn-danger&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-flag icon-2x pull-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Font Awesome<span class="nt">&lt;br&gt;</span>Version 3.2.1<span class="nt">&lt;/a&gt;</span>
-<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-primary&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-refresh icon-spin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Synchronizing Content...<span class="nt">&lt;/a&gt;</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 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>
-      </p>
+      <div class="margin-bottom">
+        <div class="input-group margin-bottom-sm">
+          <span class="input-group-addon"><i class="fa fa-envelope-o"></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"></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="span9">
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;btn-group&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-left&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-center&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-right&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/a&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-justify&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/a&gt;</span>
+    <div class="col-md-9 col-sm-8">
+      <p>
+        Font Awesome works great with the full range of Bootstrap components.
+      </p>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-danger&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-trash-o fa-lg&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Delete<span class="nt">&lt;/a&gt;</span>
+<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-default btn-sm&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cog&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Settings<span class="nt">&lt;/a&gt;</span>
+
+<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-lg btn-success&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flag fa-2x pull-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Font Awesome<span class="nt">&lt;br&gt;</span>Version 4.0.0<span class="nt">&lt;/a&gt;</span>
+
+<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;btn-group&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-default&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-align-left&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-default&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-align-center&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-default&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-align-right&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-default&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-align-justify&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/a&gt;</span>
 <span class="nt">&lt;/div&gt;</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">&lt;div</span> <span class="na">class=</span><span class="s">&quot;btn-group open&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-primary&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-user&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> User<span class="nt">&lt;/a&gt;</span>
+<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;input-group margin-bottom-sm&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;input-group-addon&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-envelope-o&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;input</span> <span class="na">class=</span><span class="s">&quot;form-control&quot;</span> <span class="na">type=</span><span class="s">&quot;text&quot;</span> <span class="na">placeholder=</span><span class="s">&quot;Email address&quot;</span><span class="nt">&gt;</span>
+<span class="nt">&lt;/div&gt;</span>
+<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;input-group&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;input-group-addon&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-key&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;input</span> <span class="na">class=</span><span class="s">&quot;form-control&quot;</span> <span class="na">type=</span><span class="s">&quot;password&quot;</span> <span class="na">placeholder=</span><span class="s">&quot;Password&quot;</span><span class="nt">&gt;</span>
+<span class="nt">&lt;/div&gt;</span>
+
+<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;btn-group open&quot;</span><span class="nt">&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-primary&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-user fa-fw&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> User<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;btn btn-primary dropdown-toggle&quot;</span> <span class="na">data-toggle=</span><span class="s">&quot;dropdown&quot;</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon-caret-down&quot;</span><span class="nt">&gt;&lt;/span&gt;&lt;/a&gt;</span>
+    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-down&quot;</span><span class="nt">&gt;&lt;/span&gt;&lt;/a&gt;</span>
   <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;dropdown-menu&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-pencil&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Edit<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-trash&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Delete<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-ban-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Ban<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pencil fa-fw&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Edit<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-trash-o fa-fw&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Delete<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
+    <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ban fa-fw&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Ban<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
     <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;divider&quot;</span><span class="nt">&gt;&lt;/li&gt;</span>
     <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;i&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Make admin<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
   <span class="nt">&lt;/ul&gt;</span>
 <span class="nt">&lt;/div&gt;</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>&hellip;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">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;icons-ul&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-li icon-ok&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>Bulleted lists (like this one)<span class="nt">&lt;/li&gt;</span>
-  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-li icon-ok&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>Buttons<span class="nt">&lt;/li&gt;</span>
-  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-li icon-ok&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>Button groups<span class="nt">&lt;/li&gt;</span>
-  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-li icon-ok&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>Navigation<span class="nt">&lt;/li&gt;</span>
-  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-li icon-ok&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>Prepended form inputs<span class="nt">&lt;/li&gt;</span>
-  <span class="nt">&lt;li&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-li icon-ok&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;hellip;</span>and many more with custom CSS<span class="nt">&lt;/li&gt;</span>
-<span class="nt">&lt;/ul&gt;</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">&lt;ul</span> <span class="na">class=</span><span class="s">&quot;nav nav-list&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">&quot;active&quot;</span><span class="nt">&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-home&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Home<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-  <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-book&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Library<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-  <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-pencil&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Applications<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-  <span class="nt">&lt;li&gt;&lt;a</span> <span class="na">href=</span><span class="s">&quot;#&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fixed-width icon-cogs&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> Settings<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
-<span class="nt">&lt;/ul&gt;</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">&lt;form&gt;</span>
-  <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;input-prepend&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;add-on&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-envelope&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/span&gt;</span>
-    <span class="nt">&lt;input</span> <span class="na">class=</span><span class="s">&quot;span2&quot;</span> <span class="na">type=</span><span class="s">&quot;text&quot;</span> <span class="na">placeholder=</span><span class="s">&quot;Email address&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;/div&gt;</span>
-  <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;input-prepend&quot;</span><span class="nt">&gt;</span>
-    <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;add-on&quot;</span><span class="nt">&gt;&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-key&quot;</span><span class="nt">&gt;&lt;/i&gt;&lt;/span&gt;</span>
-    <span class="nt">&lt;input</span> <span class="na">class=</span><span class="s">&quot;span2&quot;</span> <span class="na">type=</span><span class="s">&quot;password&quot;</span> <span class="na">placeholder=</span><span class="s">&quot;Password&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;/div&gt;</span>
-<span class="nt">&lt;/form&gt;</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">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-spinner icon-spin icon-large&quot;</span><span class="nt">&gt;&lt;/i&gt;</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 &amp; 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>&nbsp; normal<br>
-        <i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
-        <i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
-        <i class="icon-shield icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
-        <i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
-        <i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical
-      </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> normal<span class="nt">&lt;br&gt;</span>
-<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield icon-rotate-90&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> icon-rotate-90<span class="nt">&lt;br&gt;</span>
-<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield icon-rotate-180&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> icon-rotate-180<span class="nt">&lt;br&gt;</span>
-<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield icon-rotate-270&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> icon-rotate-270<span class="nt">&lt;br&gt;</span>
-<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield icon-flip-horizontal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;nbsp;</span> icon-flip-horizontal<span class="nt">&lt;br&gt;</span>
-<span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield icon-flip-vertical&quot;</span><span class="nt">&gt;&lt;/i&gt;</span><span class="ni">&amp;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">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon-stack&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-check-empty icon-stack-base&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-twitter&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
-<span class="nt">&lt;/span&gt;</span>
-icon-twitter on icon-check-empty<span class="nt">&lt;br&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon-stack&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-circle icon-stack-base&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-flag icon-light&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
-<span class="nt">&lt;/span&gt;</span>
-icon-flag on icon-circle<span class="nt">&lt;br&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon-stack&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-sign-blank icon-stack-base&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-terminal icon-light&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
-<span class="nt">&lt;/span&gt;</span>
-icon-terminal on icon-sign-blank<span class="nt">&lt;br&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon-stack&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
-  <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-ban-circle icon-stack-base text-error&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
-<span class="nt">&lt;/span&gt;</span>
-icon-camera on icon-ban-circle
-</code></pre></div>
-    </div>
-  </div>
-</section>
-
-<section id="custom">
+  <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">
@@ -631,27 +498,25 @@ icon-camera on icon-ban-circle
   </div>
 </section>
 
-
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -662,9 +527,9 @@ icon-camera on icon-ban-circle
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../assets/js/site.js"></script>
 
 </body>
diff --git a/get-started/index.html b/get-started/index.html
index 616f055fc..f550a758f 100644
--- a/get-started/index.html
+++ b/get-started/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>Get Started with Font Awesome</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="../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>Get Started with Font Awesome</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../assets/css/site.css">
   <link rel="stylesheet" href="../assets/css/pygments.css">
   <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../assets/js/html5shiv.js"></script>
+    <script src="../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../"><i class="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>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../examples/#new-styles">New Styles</a></li>
-              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../examples/#buttons">Buttons</a></li>
-              <li><a href="../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../examples/#navigation">Navigation</a></li>
-              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../examples/#stacked">Stacked</a></li>
-              <li><a href="../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../community/">Community</a></li>
-          <li><a href="../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../whats-new/">New</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-xs">
+          <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="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../examples/#inline">Inline Icons</a></li>
+            <li><a href="../examples/#larger">Larger Icons</a></li>
+            <li><a href="../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../examples/#list">List Icons</a></li>
+            <li><a href="../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../community/">Community</a></li>
+        <li><a href="../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -123,14 +115,14 @@
 
 <div class="jumbotron jumbotron-ad hidden-print">
   <div class="container">
-    <h1><i class="icon-cogs icon-large"></i>&nbsp; Get Started</h1>
-    <p>Easy ways to get Font Awesome 3.2.1 onto your website</p>
+    <h1><i class="fa fa-cogs"></i>&nbsp; Get Started</h1>
+    <p>Easy ways to get Font Awesome 4.0.0 onto your website</p>
   </div>
 </div>
 
 <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>
@@ -150,136 +142,132 @@
 
 <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>
+  <section class="hidden-print">
+  <div class="stripe-ad">
+    <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">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 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>
+    
+  <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 3</a>!
+  </p>
+  
   </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>&lt;head&gt;</code> section of your site's HTML.
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">href=</span><span class="s">&quot;//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css&quot;</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span><span class="nt">&gt;</span>
-<span class="nt">&lt;link</span> <span class="na">href=</span><span class="s">&quot;//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css&quot;</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span><span class="nt">&gt;</span>
+  <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>&lt;head&gt;</code> section of your site's HTML.
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">href=</span><span class="s">&quot;//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css&quot;</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span><span class="nt">&gt;</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>
+      </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="../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>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css.
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;path/to/font-awesome/css/font-awesome.min.css&quot;</span><span class="nt">&gt;</span>
+</code></pre></div>
+      </li>
+      <li>Check out the <a href="../examples/">examples</a> to start using Font Awesome!</li>
+    </ol>
+  </section>
+
+  <section id="ruby-gem">
+    <h2 class="page-header">EASY: <a href="https://github.com/FortAwesome/font-awesome-sass">Font Awesome Ruby Gem</a></h2>
+    <p>
+      Use the <a href="https://github.com/FortAwesome/font-awesome-sass">Official Font Awesome Ruby Gem</a> to easily get Font
+      Awesome 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:
+<div class="highlight"><pre><code class="bash">gem <span class="s1">&#39;font-awesome-sass&#39;</span>
+</code></pre></div>
+      </li>
+      <li>
+        And then execute:
+<div class="highlight"><pre><code class="bash"><span class="nv">$ </span>bundle
+</code></pre></div>
+      </li>
+      <li>Or install it yourself as:
+<div class="highlight"><pre><code class="bash"><span class="nv">$ </span>gem install font-awesome-sass
+</code></pre></div>
+      </li>
+    </ol>
+  </section>
+
+  <section id="custom-less">
+    <h2 class="page-header">PRO: Custom LESS or SCSS</h2>
+    <p>Use this method to customize Font Awesome 3.0.0 using LESS or SCSS.</p>
+    <ol>
+      <li>Copy the <code>font-awesome/</code> directory into your project.</li>
+      <li>
+        Open your project's font-awesome/variables.less and edit the <code>@fa-font-path</code> or <code>$fa-font-path</code>
+        variable to point to your font directory.
+<div class="highlight"><pre><code class="scss"><span class="k">@fa-font-path</span><span class="nd">:</span>   <span class="s2">&quot;../font&quot;</span><span class="o">;</span>
+</code></pre></div>
+        <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 SCSS 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 class="need-ie7">
+    <h2 class="page-header">Need IE7 Support?</h2>
+    <p>
+      If you need IE7 support, you have my condolences. Really. Font Awesome 4.0.0
+      doesn't support IE7, but an older version does. You'll need to check out the
+      <a href="../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="https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting">troubleshooting wiki page</a>.
+      Generously maintained by <a href="https://twitter.com/gtagliala">@gtagliala</a>.
+    </p>
+  </section>
 </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>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css.
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;path/to/bootstrap/css/bootstrap.min.css&quot;</span><span class="nt">&gt;</span>
-<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;path/to/font-awesome/css/font-awesome.min.css&quot;</span><span class="nt">&gt;</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 &quot;sprites.less&quot;;
-</code></pre></div>
-      with
-<div class="highlight"><pre><code class="html">@import &quot;path/to/font-awesome/less/font-awesome.less&quot;;
-</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:   &quot;../font&quot;;
-</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>&lt;head&gt;</code> of your html, reference the location to your font-awesome-ie7.min.css.
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;path/to/bootstrap/css/bootstrap.min.css&quot;</span><span class="nt">&gt;</span>
-<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;path/to/font-awesome/css/font-awesome.min.css&quot;</span><span class="nt">&gt;</span>
-<span class="c">&lt;!--[if IE 7]&gt;</span>
-<span class="c">  &lt;link rel=&quot;stylesheet&quot; href=&quot;path/to/font-awesome/css/font-awesome-ie7.min.css&quot;&gt;</span>
-<span class="c">&lt;![endif]--&gt;</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">
+<footer id="footer" class="footer hidden-print">
   <div class="container text-center">
     <div>
-      <i class="icon-flag"></i> Font Awesome 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -290,9 +278,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../assets/js/site.js"></script>
 
 </body>
diff --git a/glyphicons-test/index.html b/glyphicons-test/index.html
new file mode 100644
index 000000000..27fb0ffc6
--- /dev/null
+++ b/glyphicons-test/index.html
@@ -0,0 +1,981 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <title>Glyphicons 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="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
+  <!-- Le fav and touch icons -->
+  <link rel="shortcut icon" href="../assets/ico/favicon.ico">
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.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">
+  <p>
+  <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="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="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="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="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="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="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="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="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>
+</div>
+<div class="well lead">
+  <p>
+  <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="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="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="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="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="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="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="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="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>
+</div>
+<h4>Stacked icons inside anchor</h4>
+<div class="well">
+  <p>
+  <a href="#">
+    <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="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="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="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="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="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="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="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="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>
+</p>
+</div>
+
+
+<h3>Mirrored and rotated icons</h3>
+<div class="row">
+  <div class="col-md-6">
+    <div class="well">
+      <i class="fa fa-flag"></i>&nbsp; normal<br>
+<i class="fa fa-flag fa-rotate-90"></i>&nbsp; fa-rotate-90<br>
+<i class="fa fa-flag fa-rotate-180"></i>&nbsp; fa-rotate-180<br>
+<i class="fa fa-flag fa-rotate-270"></i>&nbsp; fa-rotate-270<br>
+<i class="fa fa-flag fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal<br>
+<i class="fa fa-flag fa-flip-vertical"></i>&nbsp; fa-flip-vertical
+
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div class="well lead">
+      <i class="fa fa-flag"></i>&nbsp; normal<br>
+<i class="fa fa-flag fa-rotate-90"></i>&nbsp; fa-rotate-90<br>
+<i class="fa fa-flag fa-rotate-180"></i>&nbsp; fa-rotate-180<br>
+<i class="fa fa-flag fa-rotate-270"></i>&nbsp; fa-rotate-270<br>
+<i class="fa fa-flag fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal<br>
+<i class="fa fa-flag fa-flip-vertical"></i>&nbsp; fa-flip-vertical
+
+    </div>
+  </div>
+</div>
+<h4>Mirrored and rotated icons inside anchors and buttons</h4>
+<div class="row">
+  <div class="col-md-6">
+    <div class="well">
+      <a href="#"><i class="fa fa-flag"></i>&nbsp; normal</a><br>
+<a href="#"><i class="fa fa-flag fa-rotate-90"></i>&nbsp; fa-rotate-90</a><br>
+<a href="#"><i class="fa fa-flag fa-rotate-180"></i>&nbsp; fa-rotate-180</a><br>
+<a href="#"><i class="fa fa-flag fa-rotate-270"></i>&nbsp; fa-rotate-270</a><br>
+<a href="#"><i class="fa fa-flag fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal</a><br>
+<a href="#"><i class="fa fa-flag fa-flip-vertical"></i>&nbsp; fa-flip-vertical</a>
+
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div class="well">
+      <a class="btn btn-default" href="#"><i class="fa fa-flag"></i>&nbsp; normal</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-90"></i>&nbsp; fa-rotate-90</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-180"></i>&nbsp; fa-rotate-180</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-270"></i>&nbsp; fa-rotate-270</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-flip-vertical"></i>&nbsp; fa-flip-vertical</a>
+
+    </div>
+  </div>
+</div>
+
+</section>
+
+  <div class="push"><!-- necessary for sticky footer --></div>
+</div>
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../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>
+
+
diff --git a/icon/adjust/index.html b/icon/adjust/index.html
index 54d203cef..456ec835d 100644
--- a/icon/adjust/index.html
+++ b/icon/adjust/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-adjust: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-adjust: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-adjust icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-adjust icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-adjust icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-adjust icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-adjust icon-2"></i>&nbsp;
+      <i class="fa fa-adjust fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-adjust fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-adjust fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-adjust fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-adjust fa-2"></i>&nbsp;
       </span>
-      <i class="icon-adjust icon-1"></i>
+      <i class="fa fa-adjust fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-adjust
+      fa-adjust
       <small>
-        <i class="icon-adjust"></i> &middot;
+        <i class="fa fa-adjust"></i> &middot;
         Unicode: <span class="upper">f042</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-adjust"></i> icon-adjust
+            <i class="fa fa-adjust"></i> fa-adjust
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-adjust&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-adjust
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-adjust&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/adn/index.html b/icon/adn/index.html
index 7b317e2b0..a166b6a54 100644
--- a/icon/adn/index.html
+++ b/icon/adn/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-adn: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-adn: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-adn icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-adn icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-adn icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-adn icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-adn icon-2"></i>&nbsp;
+      <i class="fa fa-adn fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-adn fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-adn fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-adn fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-adn fa-2"></i>&nbsp;
       </span>
-      <i class="icon-adn icon-1"></i>
+      <i class="fa fa-adn fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-adn
+      fa-adn
       <small>
-        <i class="icon-adn"></i> &middot;
+        <i class="fa fa-adn"></i> &middot;
         Unicode: <span class="upper">f170</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-adn"></i> icon-adn
+            <i class="fa fa-adn"></i> fa-adn
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-adn&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-adn
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-adn&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/align-center/index.html b/icon/align-center/index.html
index 6a3716b3e..5f86c8827 100644
--- a/icon/align-center/index.html
+++ b/icon/align-center/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-align-center: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-align-center: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-align-center icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-align-center icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-align-center icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-align-center icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-align-center icon-2"></i>&nbsp;
+      <i class="fa fa-align-center fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-align-center fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-align-center fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-align-center fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-align-center fa-2"></i>&nbsp;
       </span>
-      <i class="icon-align-center icon-1"></i>
+      <i class="fa fa-align-center fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-align-center
+      fa-align-center
       <small>
-        <i class="icon-align-center"></i> &middot;
+        <i class="fa fa-align-center"></i> &middot;
         Unicode: <span class="upper">f037</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-align-center"></i> fa-align-center
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-center&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-align-center
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-align-center&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/align-justify/index.html b/icon/align-justify/index.html
index 9bdacbe13..f9e92b312 100644
--- a/icon/align-justify/index.html
+++ b/icon/align-justify/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-align-justify: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-align-justify: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-align-justify icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-align-justify icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-align-justify icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-align-justify icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-align-justify icon-2"></i>&nbsp;
+      <i class="fa fa-align-justify fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-align-justify fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-align-justify fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-align-justify fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-align-justify fa-2"></i>&nbsp;
       </span>
-      <i class="icon-align-justify icon-1"></i>
+      <i class="fa fa-align-justify fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-align-justify
+      fa-align-justify
       <small>
-        <i class="icon-align-justify"></i> &middot;
+        <i class="fa fa-align-justify"></i> &middot;
         Unicode: <span class="upper">f039</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-align-justify"></i> fa-align-justify
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-justify&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-align-justify
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-align-justify&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/align-left/index.html b/icon/align-left/index.html
index 651ea4937..bdb1292eb 100644
--- a/icon/align-left/index.html
+++ b/icon/align-left/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-align-left: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-align-left: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-align-left icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-align-left icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-align-left icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-align-left icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-align-left icon-2"></i>&nbsp;
+      <i class="fa fa-align-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-align-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-align-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-align-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-align-left fa-2"></i>&nbsp;
       </span>
-      <i class="icon-align-left icon-1"></i>
+      <i class="fa fa-align-left fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-align-left
+      fa-align-left
       <small>
-        <i class="icon-align-left"></i> &middot;
+        <i class="fa fa-align-left"></i> &middot;
         Unicode: <span class="upper">f036</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-align-left"></i> fa-align-left
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-align-left
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-align-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/align-right/index.html b/icon/align-right/index.html
index a7ce0b367..b1a700095 100644
--- a/icon/align-right/index.html
+++ b/icon/align-right/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-align-right: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-align-right: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-align-right icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-align-right icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-align-right icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-align-right icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-align-right icon-2"></i>&nbsp;
+      <i class="fa fa-align-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-align-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-align-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-align-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-align-right fa-2"></i>&nbsp;
       </span>
-      <i class="icon-align-right icon-1"></i>
+      <i class="fa fa-align-right fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-align-right
+      fa-align-right
       <small>
-        <i class="icon-align-right"></i> &middot;
+        <i class="fa fa-align-right"></i> &middot;
         Unicode: <span class="upper">f038</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-align-right"></i> fa-align-right
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-align-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-align-right
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-align-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/ambulance/index.html b/icon/ambulance/index.html
index 128e161ed..e4d46e848 100644
--- a/icon/ambulance/index.html
+++ b/icon/ambulance/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-ambulance: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-ambulance: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-ambulance icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-ambulance icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-ambulance icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-ambulance icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-ambulance icon-2"></i>&nbsp;
+      <i class="fa fa-ambulance fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-ambulance fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-ambulance fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-ambulance fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-ambulance fa-2"></i>&nbsp;
       </span>
-      <i class="icon-ambulance icon-1"></i>
+      <i class="fa fa-ambulance fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-ambulance
+      fa-ambulance
       <small>
-        <i class="icon-ambulance"></i> &middot;
+        <i class="fa fa-ambulance"></i> &middot;
         Unicode: <span class="upper">f0f9</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-ambulance"></i> icon-ambulance
+            <i class="fa fa-ambulance"></i> fa-ambulance
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-ambulance&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-ambulance
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ambulance&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/anchor/index.html b/icon/anchor/index.html
index 987d48880..30f9a1ccd 100644
--- a/icon/anchor/index.html
+++ b/icon/anchor/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-anchor: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-anchor: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-anchor icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-anchor icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-anchor icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-anchor icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-anchor icon-2"></i>&nbsp;
+      <i class="fa fa-anchor fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-anchor fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-anchor fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-anchor fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-anchor fa-2"></i>&nbsp;
       </span>
-      <i class="icon-anchor icon-1"></i>
+      <i class="fa fa-anchor fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-anchor
+      fa-anchor
       <small>
-        <i class="icon-anchor"></i> &middot;
+        <i class="fa fa-anchor"></i> &middot;
         Unicode: <span class="upper">f13d</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-anchor"></i> icon-anchor
+            <i class="fa fa-anchor"></i> fa-anchor
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-anchor&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-anchor
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-anchor&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/android/index.html b/icon/android/index.html
index 7e1abc6a8..6da351cea 100644
--- a/icon/android/index.html
+++ b/icon/android/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-android: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-android: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-android icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-android icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-android icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-android icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-android icon-2"></i>&nbsp;
+      <i class="fa fa-android fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-android fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-android fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-android fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-android fa-2"></i>&nbsp;
       </span>
-      <i class="icon-android icon-1"></i>
+      <i class="fa fa-android fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-android
+      fa-android
       <small>
-        <i class="icon-android"></i> &middot;
+        <i class="fa fa-android"></i> &middot;
         Unicode: <span class="upper">f17b</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-android"></i> icon-android
+            <i class="fa fa-android"></i> fa-android
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-android&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-android
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-android&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/angle-double-down/index.html b/icon/angle-double-down/index.html
new file mode 100644
index 000000000..3a7b4faf3
--- /dev/null
+++ b/icon/angle-double-down/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-angle-double-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-angle-double-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-double-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-double-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-double-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-double-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-angle-double-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-angle-double-down
+      <small>
+        <i class="fa fa-angle-double-down"></i> &middot;
+        Unicode: <span class="upper">f103</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-angle-double-down"></i> fa-angle-double-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-double-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-angle-double-down
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/angle-double-left/index.html b/icon/angle-double-left/index.html
new file mode 100644
index 000000000..3363f501d
--- /dev/null
+++ b/icon/angle-double-left/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-angle-double-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-angle-double-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-double-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-double-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-double-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-double-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-angle-double-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-angle-double-left
+      <small>
+        <i class="fa fa-angle-double-left"></i> &middot;
+        Unicode: <span class="upper">f100</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-angle-double-left"></i> fa-angle-double-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-double-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-angle-double-left
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/angle-double-right/index.html b/icon/angle-double-right/index.html
new file mode 100644
index 000000000..d58526a99
--- /dev/null
+++ b/icon/angle-double-right/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-angle-double-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-angle-double-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-double-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-double-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-double-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-double-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-angle-double-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-angle-double-right
+      <small>
+        <i class="fa fa-angle-double-right"></i> &middot;
+        Unicode: <span class="upper">f101</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-angle-double-right"></i> fa-angle-double-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-double-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-angle-double-right
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/angle-double-up/index.html b/icon/angle-double-up/index.html
new file mode 100644
index 000000000..679943155
--- /dev/null
+++ b/icon/angle-double-up/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-angle-double-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-angle-double-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-double-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-double-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-double-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-double-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-angle-double-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-angle-double-up
+      <small>
+        <i class="fa fa-angle-double-up"></i> &middot;
+        Unicode: <span class="upper">f102</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-angle-double-up"></i> fa-angle-double-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-double-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-angle-double-up
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/angle-down/index.html b/icon/angle-down/index.html
index 980e3f537..3ae7525c3 100644
--- a/icon/angle-down/index.html
+++ b/icon/angle-down/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-angle-down: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-angle-down: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-angle-down icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-angle-down icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-angle-down icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-angle-down icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-angle-down icon-2"></i>&nbsp;
+      <i class="fa fa-angle-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-down fa-2"></i>&nbsp;
       </span>
-      <i class="icon-angle-down icon-1"></i>
+      <i class="fa fa-angle-down fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-angle-down
+      fa-angle-down
       <small>
-        <i class="icon-angle-down"></i> &middot;
+        <i class="fa fa-angle-down"></i> &middot;
         Unicode: <span class="upper">f107</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-angle-down"></i> fa-angle-down
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-angle-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-angle-down
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/angle-left/index.html b/icon/angle-left/index.html
index d8fd53679..6677a88c5 100644
--- a/icon/angle-left/index.html
+++ b/icon/angle-left/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-angle-left: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-angle-left: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-angle-left icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-angle-left icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-angle-left icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-angle-left icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-angle-left icon-2"></i>&nbsp;
+      <i class="fa fa-angle-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-left fa-2"></i>&nbsp;
       </span>
-      <i class="icon-angle-left icon-1"></i>
+      <i class="fa fa-angle-left fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-angle-left
+      fa-angle-left
       <small>
-        <i class="icon-angle-left"></i> &middot;
+        <i class="fa fa-angle-left"></i> &middot;
         Unicode: <span class="upper">f104</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-angle-left"></i> fa-angle-left
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-angle-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-angle-left
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/angle-right/index.html b/icon/angle-right/index.html
index 53dbb4d8c..8e1730c83 100644
--- a/icon/angle-right/index.html
+++ b/icon/angle-right/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-angle-right: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-angle-right: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-angle-right icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-angle-right icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-angle-right icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-angle-right icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-angle-right icon-2"></i>&nbsp;
+      <i class="fa fa-angle-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-right fa-2"></i>&nbsp;
       </span>
-      <i class="icon-angle-right icon-1"></i>
+      <i class="fa fa-angle-right fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-angle-right
+      fa-angle-right
       <small>
-        <i class="icon-angle-right"></i> &middot;
+        <i class="fa fa-angle-right"></i> &middot;
         Unicode: <span class="upper">f105</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-angle-right"></i> fa-angle-right
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-angle-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-angle-right
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/angle-up/index.html b/icon/angle-up/index.html
index b7c40876f..9b7d8c372 100644
--- a/icon/angle-up/index.html
+++ b/icon/angle-up/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-angle-up: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-angle-up: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-angle-up icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-angle-up icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-angle-up icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-angle-up icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-angle-up icon-2"></i>&nbsp;
+      <i class="fa fa-angle-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-angle-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-angle-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-angle-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-angle-up fa-2"></i>&nbsp;
       </span>
-      <i class="icon-angle-up icon-1"></i>
+      <i class="fa fa-angle-up fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-angle-up
+      fa-angle-up
       <small>
-        <i class="icon-angle-up"></i> &middot;
+        <i class="fa fa-angle-up"></i> &middot;
         Unicode: <span class="upper">f106</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-angle-up"></i> fa-angle-up
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-angle-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-angle-up
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-angle-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/apple/index.html b/icon/apple/index.html
index 0770f1d4f..afe7af98e 100644
--- a/icon/apple/index.html
+++ b/icon/apple/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-apple: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-apple: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-apple icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-apple icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-apple icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-apple icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-apple icon-2"></i>&nbsp;
+      <i class="fa fa-apple fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-apple fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-apple fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-apple fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-apple fa-2"></i>&nbsp;
       </span>
-      <i class="icon-apple icon-1"></i>
+      <i class="fa fa-apple fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-apple
+      fa-apple
       <small>
-        <i class="icon-apple"></i> &middot;
+        <i class="fa fa-apple"></i> &middot;
         Unicode: <span class="upper">f179</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-apple"></i> icon-apple
+            <i class="fa fa-apple"></i> fa-apple
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-apple&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-apple
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-apple&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/archive/index.html b/icon/archive/index.html
index 5aebb3369..60d8a1e1e 100644
--- a/icon/archive/index.html
+++ b/icon/archive/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-archive: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-archive: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-archive icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-archive icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-archive icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-archive icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-archive icon-2"></i>&nbsp;
+      <i class="fa fa-archive fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-archive fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-archive fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-archive fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-archive fa-2"></i>&nbsp;
       </span>
-      <i class="icon-archive icon-1"></i>
+      <i class="fa fa-archive fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-archive
+      fa-archive
       <small>
-        <i class="icon-archive"></i> &middot;
+        <i class="fa fa-archive"></i> &middot;
         Unicode: <span class="upper">f187</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-archive"></i> icon-archive
+            <i class="fa fa-archive"></i> fa-archive
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-archive&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-archive
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-archive&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/arrow-circle-down/index.html b/icon/arrow-circle-down/index.html
new file mode 100644
index 000000000..f931fd69b
--- /dev/null
+++ b/icon/arrow-circle-down/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-arrow-circle-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-down
+      <small>
+        <i class="fa fa-arrow-circle-down"></i> &middot;
+        Unicode: <span class="upper">f0ab</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-down"></i> fa-arrow-circle-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-arrow-circle-down
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/arrow-circle-left/index.html b/icon/arrow-circle-left/index.html
new file mode 100644
index 000000000..75664a066
--- /dev/null
+++ b/icon/arrow-circle-left/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-arrow-circle-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-left
+      <small>
+        <i class="fa fa-arrow-circle-left"></i> &middot;
+        Unicode: <span class="upper">f0a8</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-left"></i> fa-arrow-circle-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-arrow-circle-left
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/arrow-circle-o-down/index.html b/icon/arrow-circle-o-down/index.html
new file mode 100644
index 000000000..a6d016f46
--- /dev/null
+++ b/icon/arrow-circle-o-down/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-arrow-circle-o-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-o-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-o-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-o-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-o-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-o-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-o-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-o-down
+      <small>
+        <i class="fa fa-arrow-circle-o-down"></i> &middot;
+        Unicode: <span class="upper">f01a</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-o-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-arrow-circle-o-down
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/arrow-circle-o-left/index.html b/icon/arrow-circle-o-left/index.html
new file mode 100644
index 000000000..14b856ff8
--- /dev/null
+++ b/icon/arrow-circle-o-left/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-arrow-circle-o-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-o-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-o-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-o-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-o-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-o-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-o-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-o-left
+      <small>
+        <i class="fa fa-arrow-circle-o-left"></i> &middot;
+        Unicode: <span class="upper">f190</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-o-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-arrow-circle-o-left
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/arrow-circle-o-right/index.html b/icon/arrow-circle-o-right/index.html
new file mode 100644
index 000000000..56d18d514
--- /dev/null
+++ b/icon/arrow-circle-o-right/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-arrow-circle-o-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-o-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-o-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-o-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-o-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-o-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-o-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-o-right
+      <small>
+        <i class="fa fa-arrow-circle-o-right"></i> &middot;
+        Unicode: <span class="upper">f18e</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-o-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-arrow-circle-o-right
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/arrow-circle-o-up/index.html b/icon/arrow-circle-o-up/index.html
new file mode 100644
index 000000000..bf4e405b7
--- /dev/null
+++ b/icon/arrow-circle-o-up/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-arrow-circle-o-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-o-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-o-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-o-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-o-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-o-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-o-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-o-up
+      <small>
+        <i class="fa fa-arrow-circle-o-up"></i> &middot;
+        Unicode: <span class="upper">f01b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-o-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-arrow-circle-o-up
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/arrow-circle-right/index.html b/icon/arrow-circle-right/index.html
new file mode 100644
index 000000000..e0bb933c9
--- /dev/null
+++ b/icon/arrow-circle-right/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-arrow-circle-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-right
+      <small>
+        <i class="fa fa-arrow-circle-right"></i> &middot;
+        Unicode: <span class="upper">f0a9</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-arrow-circle-right
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/arrow-circle-up/index.html b/icon/arrow-circle-up/index.html
new file mode 100644
index 000000000..3e24738b7
--- /dev/null
+++ b/icon/arrow-circle-up/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-arrow-circle-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-arrow-circle-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-circle-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-circle-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-circle-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-circle-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-arrow-circle-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-arrow-circle-up
+      <small>
+        <i class="fa fa-arrow-circle-up"></i> &middot;
+        Unicode: <span class="upper">f0aa</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-arrow-circle-up"></i> fa-arrow-circle-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-circle-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-arrow-circle-up
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/arrow-down/index.html b/icon/arrow-down/index.html
index 2e0c6ab00..f7c9ff5d3 100644
--- a/icon/arrow-down/index.html
+++ b/icon/arrow-down/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-arrow-down: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-arrow-down: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-arrow-down icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-arrow-down icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-arrow-down icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-arrow-down icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-arrow-down icon-2"></i>&nbsp;
+      <i class="fa fa-arrow-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-down fa-2"></i>&nbsp;
       </span>
-      <i class="icon-arrow-down icon-1"></i>
+      <i class="fa fa-arrow-down fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-arrow-down
+      fa-arrow-down
       <small>
-        <i class="icon-arrow-down"></i> &middot;
+        <i class="fa fa-arrow-down"></i> &middot;
         Unicode: <span class="upper">f063</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-arrow-down"></i> fa-arrow-down
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-arrow-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-arrow-down
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/arrow-left/index.html b/icon/arrow-left/index.html
index 50b8aa6d4..ef29efcaf 100644
--- a/icon/arrow-left/index.html
+++ b/icon/arrow-left/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-arrow-left: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-arrow-left: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-arrow-left icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-arrow-left icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-arrow-left icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-arrow-left icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-arrow-left icon-2"></i>&nbsp;
+      <i class="fa fa-arrow-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-left fa-2"></i>&nbsp;
       </span>
-      <i class="icon-arrow-left icon-1"></i>
+      <i class="fa fa-arrow-left fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-arrow-left
+      fa-arrow-left
       <small>
-        <i class="icon-arrow-left"></i> &middot;
+        <i class="fa fa-arrow-left"></i> &middot;
         Unicode: <span class="upper">f060</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-arrow-left"></i> fa-arrow-left
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-arrow-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-arrow-left
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/arrow-right/index.html b/icon/arrow-right/index.html
index f1c899d75..f53243f3a 100644
--- a/icon/arrow-right/index.html
+++ b/icon/arrow-right/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-arrow-right: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-arrow-right: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-arrow-right icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-arrow-right icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-arrow-right icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-arrow-right icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-arrow-right icon-2"></i>&nbsp;
+      <i class="fa fa-arrow-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-right fa-2"></i>&nbsp;
       </span>
-      <i class="icon-arrow-right icon-1"></i>
+      <i class="fa fa-arrow-right fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-arrow-right
+      fa-arrow-right
       <small>
-        <i class="icon-arrow-right"></i> &middot;
+        <i class="fa fa-arrow-right"></i> &middot;
         Unicode: <span class="upper">f061</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-arrow-right"></i> fa-arrow-right
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-arrow-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-arrow-right
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/arrow-up/index.html b/icon/arrow-up/index.html
index a242ca86d..dc05ba8a5 100644
--- a/icon/arrow-up/index.html
+++ b/icon/arrow-up/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-arrow-up: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-arrow-up: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-arrow-up icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-arrow-up icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-arrow-up icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-arrow-up icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-arrow-up icon-2"></i>&nbsp;
+      <i class="fa fa-arrow-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-arrow-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-arrow-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-arrow-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-arrow-up fa-2"></i>&nbsp;
       </span>
-      <i class="icon-arrow-up icon-1"></i>
+      <i class="fa fa-arrow-up fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-arrow-up
+      fa-arrow-up
       <small>
-        <i class="icon-arrow-up"></i> &middot;
+        <i class="fa fa-arrow-up"></i> &middot;
         Unicode: <span class="upper">f062</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-arrow-up"></i> fa-arrow-up
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-arrow-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-arrow-up
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-arrow-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/asterisk/index.html b/icon/asterisk/index.html
index 4ebfdeaf2..67fc642a9 100644
--- a/icon/asterisk/index.html
+++ b/icon/asterisk/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-asterisk: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-asterisk: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-asterisk icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-asterisk icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-asterisk icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-asterisk icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-asterisk icon-2"></i>&nbsp;
+      <i class="fa fa-asterisk fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-asterisk fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-asterisk fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-asterisk fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-asterisk fa-2"></i>&nbsp;
       </span>
-      <i class="icon-asterisk icon-1"></i>
+      <i class="fa fa-asterisk fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-asterisk
+      fa-asterisk
       <small>
-        <i class="icon-asterisk"></i> &middot;
+        <i class="fa fa-asterisk"></i> &middot;
         Unicode: <span class="upper">f069</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-asterisk"></i> icon-asterisk
+            <i class="fa fa-asterisk"></i> fa-asterisk
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-asterisk&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-asterisk
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-asterisk&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/backward/index.html b/icon/backward/index.html
index 785965366..b0f9cfc83 100644
--- a/icon/backward/index.html
+++ b/icon/backward/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-backward: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-backward: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-backward icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-backward icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-backward icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-backward icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-backward icon-2"></i>&nbsp;
+      <i class="fa fa-backward fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-backward fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-backward fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-backward fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-backward fa-2"></i>&nbsp;
       </span>
-      <i class="icon-backward icon-1"></i>
+      <i class="fa fa-backward fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-backward
+      fa-backward
       <small>
-        <i class="icon-backward"></i> &middot;
+        <i class="fa fa-backward"></i> &middot;
         Unicode: <span class="upper">f04a</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-backward"></i> icon-backward
+            <i class="fa fa-backward"></i> fa-backward
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-backward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-backward
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-backward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/ban/index.html b/icon/ban/index.html
new file mode 100644
index 000000000..e31d409e6
--- /dev/null
+++ b/icon/ban/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-ban: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-ban fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-ban fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-ban fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-ban fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-ban fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-ban fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-ban
+      <small>
+        <i class="fa fa-ban"></i> &middot;
+        Unicode: <span class="upper">f05e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-ban"></i> fa-ban
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ban&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-ban
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/bar-chart-o/index.html b/icon/bar-chart-o/index.html
new file mode 100644
index 000000000..b2413bc9e
--- /dev/null
+++ b/icon/bar-chart-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-bar-chart-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bar-chart-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bar-chart-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bar-chart-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bar-chart-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bar-chart-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bar-chart-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bar-chart-o
+      <small>
+        <i class="fa fa-bar-chart-o"></i> &middot;
+        Unicode: <span class="upper">f080</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bar-chart-o"></i> fa-bar-chart-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bar-chart-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-bar-chart-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/barcode/index.html b/icon/barcode/index.html
index 2a5ca4e5d..00c00c64c 100644
--- a/icon/barcode/index.html
+++ b/icon/barcode/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-barcode: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-barcode: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-barcode icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-barcode icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-barcode icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-barcode icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-barcode icon-2"></i>&nbsp;
+      <i class="fa fa-barcode fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-barcode fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-barcode fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-barcode fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-barcode fa-2"></i>&nbsp;
       </span>
-      <i class="icon-barcode icon-1"></i>
+      <i class="fa fa-barcode fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-barcode
+      fa-barcode
       <small>
-        <i class="icon-barcode"></i> &middot;
+        <i class="fa fa-barcode"></i> &middot;
         Unicode: <span class="upper">f02a</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-barcode"></i> icon-barcode
+            <i class="fa fa-barcode"></i> fa-barcode
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-barcode&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-barcode
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-barcode&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/beer/index.html b/icon/beer/index.html
index dcda70338..d854eaad9 100644
--- a/icon/beer/index.html
+++ b/icon/beer/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-beer: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-beer: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-beer icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-beer icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-beer icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-beer icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-beer icon-2"></i>&nbsp;
+      <i class="fa fa-beer fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-beer fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-beer fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-beer fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-beer fa-2"></i>&nbsp;
       </span>
-      <i class="icon-beer icon-1"></i>
+      <i class="fa fa-beer fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-beer
+      fa-beer
       <small>
-        <i class="icon-beer"></i> &middot;
+        <i class="fa fa-beer"></i> &middot;
         Unicode: <span class="upper">f0fc</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-beer"></i> icon-beer
+            <i class="fa fa-beer"></i> fa-beer
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-beer&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-beer
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-beer&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/bell-o/index.html b/icon/bell-o/index.html
new file mode 100644
index 000000000..bbc1ea059
--- /dev/null
+++ b/icon/bell-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-bell-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bell-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bell-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bell-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bell-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bell-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bell-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bell-o
+      <small>
+        <i class="fa fa-bell-o"></i> &middot;
+        Unicode: <span class="upper">f0a2</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bell-o"></i> fa-bell-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bell-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-bell-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/bell/index.html b/icon/bell/index.html
index b8ffe8332..c7d05c1c3 100644
--- a/icon/bell/index.html
+++ b/icon/bell/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-bell: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-bell: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,20 +113,20 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-bell icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-bell icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-bell icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-bell icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-bell icon-2"></i>&nbsp;
+      <i class="fa fa-bell fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bell fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bell fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bell fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bell fa-2"></i>&nbsp;
       </span>
-      <i class="icon-bell icon-1"></i>
+      <i class="fa fa-bell fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-bell
+      fa-bell
       <small>
-        <i class="icon-bell"></i> &middot;
-        Unicode: <span class="upper">f0a2</span> &middot;
+        <i class="fa fa-bell"></i> &middot;
+        Unicode: <span class="upper">f0f3</span> &middot;
         Created: v2.0 &middot;
         Categories:
         
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-bell"></i> icon-bell
+            <i class="fa fa-bell"></i> fa-bell
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bell&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-bell
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bell&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/bitbucket-square/index.html b/icon/bitbucket-square/index.html
new file mode 100644
index 000000000..cc4ccc462
--- /dev/null
+++ b/icon/bitbucket-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-bitbucket-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bitbucket-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bitbucket-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bitbucket-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bitbucket-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bitbucket-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bitbucket-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bitbucket-square
+      <small>
+        <i class="fa fa-bitbucket-square"></i> &middot;
+        Unicode: <span class="upper">f172</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bitbucket-square"></i> fa-bitbucket-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bitbucket-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-bitbucket-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/bitbucket/index.html b/icon/bitbucket/index.html
index 4ff126539..6806907b3 100644
--- a/icon/bitbucket/index.html
+++ b/icon/bitbucket/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-bitbucket: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-bitbucket: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-bitbucket icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-bitbucket icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-bitbucket icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-bitbucket icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-bitbucket icon-2"></i>&nbsp;
+      <i class="fa fa-bitbucket fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bitbucket fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bitbucket fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bitbucket fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bitbucket fa-2"></i>&nbsp;
       </span>
-      <i class="icon-bitbucket icon-1"></i>
+      <i class="fa fa-bitbucket fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-bitbucket
+      fa-bitbucket
       <small>
-        <i class="icon-bitbucket"></i> &middot;
+        <i class="fa fa-bitbucket"></i> &middot;
         Unicode: <span class="upper">f171</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-bitbucket"></i> icon-bitbucket
+            <i class="fa fa-bitbucket"></i> fa-bitbucket
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bitbucket&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-bitbucket
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bitbucket&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/bold/index.html b/icon/bold/index.html
index 69b108297..7d9566962 100644
--- a/icon/bold/index.html
+++ b/icon/bold/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-bold: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-bold: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-bold icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-bold icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-bold icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-bold icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-bold icon-2"></i>&nbsp;
+      <i class="fa fa-bold fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bold fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bold fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bold fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bold fa-2"></i>&nbsp;
       </span>
-      <i class="icon-bold icon-1"></i>
+      <i class="fa fa-bold fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-bold
+      fa-bold
       <small>
-        <i class="icon-bold"></i> &middot;
+        <i class="fa fa-bold"></i> &middot;
         Unicode: <span class="upper">f032</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-bold"></i> icon-bold
+            <i class="fa fa-bold"></i> fa-bold
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bold&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-bold
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bold&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/bolt/index.html b/icon/bolt/index.html
index aa6e822dc..02e0830ae 100644
--- a/icon/bolt/index.html
+++ b/icon/bolt/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-bolt: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-bolt: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-bolt icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-bolt icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-bolt icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-bolt icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-bolt icon-2"></i>&nbsp;
+      <i class="fa fa-bolt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bolt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bolt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bolt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bolt fa-2"></i>&nbsp;
       </span>
-      <i class="icon-bolt icon-1"></i>
+      <i class="fa fa-bolt fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-bolt
+      fa-bolt
       <small>
-        <i class="icon-bolt"></i> &middot;
+        <i class="fa fa-bolt"></i> &middot;
         Unicode: <span class="upper">f0e7</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -142,6 +134,11 @@
         
         
         
+          &middot; Aliases:
+          
+            fa-flash
+          
+        
       </small>
     </h1>
   </div>
@@ -150,20 +147,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-bolt"></i> icon-bolt
+            <i class="fa fa-bolt"></i> fa-bolt
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bolt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-bolt
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bolt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +168,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +195,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/book/index.html b/icon/book/index.html
index fb3298eb0..630da3d0f 100644
--- a/icon/book/index.html
+++ b/icon/book/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-book: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-book: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-book icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-book icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-book icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-book icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-book icon-2"></i>&nbsp;
+      <i class="fa fa-book fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-book fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-book fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-book fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-book fa-2"></i>&nbsp;
       </span>
-      <i class="icon-book icon-1"></i>
+      <i class="fa fa-book fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-book
+      fa-book
       <small>
-        <i class="icon-book"></i> &middot;
+        <i class="fa fa-book"></i> &middot;
         Unicode: <span class="upper">f02d</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-book"></i> icon-book
+            <i class="fa fa-book"></i> fa-book
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-book&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-book
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-book&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/bookmark-o/index.html b/icon/bookmark-o/index.html
new file mode 100644
index 000000000..ec3afabbd
--- /dev/null
+++ b/icon/bookmark-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-bookmark-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-bookmark-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bookmark-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bookmark-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bookmark-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bookmark-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-bookmark-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-bookmark-o
+      <small>
+        <i class="fa fa-bookmark-o"></i> &middot;
+        Unicode: <span class="upper">f097</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-bookmark-o"></i> fa-bookmark-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bookmark-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-bookmark-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/bookmark/index.html b/icon/bookmark/index.html
index a4901395e..64d656e13 100644
--- a/icon/bookmark/index.html
+++ b/icon/bookmark/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-bookmark: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-bookmark: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-bookmark icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-bookmark icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-bookmark icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-bookmark icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-bookmark icon-2"></i>&nbsp;
+      <i class="fa fa-bookmark fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bookmark fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bookmark fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bookmark fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bookmark fa-2"></i>&nbsp;
       </span>
-      <i class="icon-bookmark icon-1"></i>
+      <i class="fa fa-bookmark fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-bookmark
+      fa-bookmark
       <small>
-        <i class="icon-bookmark"></i> &middot;
+        <i class="fa fa-bookmark"></i> &middot;
         Unicode: <span class="upper">f02e</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-bookmark"></i> icon-bookmark
+            <i class="fa fa-bookmark"></i> fa-bookmark
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bookmark&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-bookmark
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bookmark&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/briefcase/index.html b/icon/briefcase/index.html
index 65b5630e4..c7764c36b 100644
--- a/icon/briefcase/index.html
+++ b/icon/briefcase/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-briefcase: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-briefcase: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-briefcase icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-briefcase icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-briefcase icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-briefcase icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-briefcase icon-2"></i>&nbsp;
+      <i class="fa fa-briefcase fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-briefcase fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-briefcase fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-briefcase fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-briefcase fa-2"></i>&nbsp;
       </span>
-      <i class="icon-briefcase icon-1"></i>
+      <i class="fa fa-briefcase fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-briefcase
+      fa-briefcase
       <small>
-        <i class="icon-briefcase"></i> &middot;
+        <i class="fa fa-briefcase"></i> &middot;
         Unicode: <span class="upper">f0b1</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-briefcase"></i> icon-briefcase
+            <i class="fa fa-briefcase"></i> fa-briefcase
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-briefcase&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-briefcase
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-briefcase&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/btc/index.html b/icon/btc/index.html
index 09d5a47ac..da53fa449 100644
--- a/icon/btc/index.html
+++ b/icon/btc/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-btc: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-btc: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-btc icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-btc icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-btc icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-btc icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-btc icon-2"></i>&nbsp;
+      <i class="fa fa-btc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-btc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-btc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-btc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-btc fa-2"></i>&nbsp;
       </span>
-      <i class="icon-btc icon-1"></i>
+      <i class="fa fa-btc fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-btc
+      fa-btc
       <small>
-        <i class="icon-btc"></i> &middot;
+        <i class="fa fa-btc"></i> &middot;
         Unicode: <span class="upper">f15a</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -146,7 +138,7 @@
         
           &middot; Aliases:
           
-            icon-bitcoin
+            fa-bitcoin
           
         
       </small>
@@ -157,20 +149,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-btc"></i> icon-btc
+            <i class="fa fa-btc"></i> fa-btc
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-btc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-btc
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-btc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -178,24 +170,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -206,9 +197,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/bug/index.html b/icon/bug/index.html
index 69dd4997b..9674d59cf 100644
--- a/icon/bug/index.html
+++ b/icon/bug/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-bug: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-bug: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-bug icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-bug icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-bug icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-bug icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-bug icon-2"></i>&nbsp;
+      <i class="fa fa-bug fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bug fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bug fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bug fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bug fa-2"></i>&nbsp;
       </span>
-      <i class="icon-bug icon-1"></i>
+      <i class="fa fa-bug fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-bug
+      fa-bug
       <small>
-        <i class="icon-bug"></i> &middot;
+        <i class="fa fa-bug"></i> &middot;
         Unicode: <span class="upper">f188</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-bug"></i> icon-bug
+            <i class="fa fa-bug"></i> fa-bug
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bug&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-bug
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bug&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/building/index.html b/icon/building/index.html
index 0d3ea7943..38e7d2185 100644
--- a/icon/building/index.html
+++ b/icon/building/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-building: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-building: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-building icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-building icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-building icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-building icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-building icon-2"></i>&nbsp;
+      <i class="fa fa-building fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-building fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-building fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-building fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-building fa-2"></i>&nbsp;
       </span>
-      <i class="icon-building icon-1"></i>
+      <i class="fa fa-building fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-building
+      fa-building
       <small>
-        <i class="icon-building"></i> &middot;
+        <i class="fa fa-building"></i> &middot;
         Unicode: <span class="upper">f0f7</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-building"></i> icon-building
+            <i class="fa fa-building"></i> fa-building
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-building&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-building
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-building&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/bullhorn/index.html b/icon/bullhorn/index.html
index 2a2394977..9479837c1 100644
--- a/icon/bullhorn/index.html
+++ b/icon/bullhorn/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-bullhorn: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-bullhorn: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-bullhorn icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-bullhorn icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-bullhorn icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-bullhorn icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-bullhorn icon-2"></i>&nbsp;
+      <i class="fa fa-bullhorn fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bullhorn fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bullhorn fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bullhorn fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bullhorn fa-2"></i>&nbsp;
       </span>
-      <i class="icon-bullhorn icon-1"></i>
+      <i class="fa fa-bullhorn fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-bullhorn
+      fa-bullhorn
       <small>
-        <i class="icon-bullhorn"></i> &middot;
+        <i class="fa fa-bullhorn"></i> &middot;
         Unicode: <span class="upper">f0a1</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-bullhorn"></i> icon-bullhorn
+            <i class="fa fa-bullhorn"></i> fa-bullhorn
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bullhorn&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-bullhorn
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bullhorn&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/bullseye/index.html b/icon/bullseye/index.html
index 53411ef8f..662d31cfe 100644
--- a/icon/bullseye/index.html
+++ b/icon/bullseye/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-bullseye: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-bullseye: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-bullseye icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-bullseye icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-bullseye icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-bullseye icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-bullseye icon-2"></i>&nbsp;
+      <i class="fa fa-bullseye fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-bullseye fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-bullseye fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-bullseye fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-bullseye fa-2"></i>&nbsp;
       </span>
-      <i class="icon-bullseye icon-1"></i>
+      <i class="fa fa-bullseye fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-bullseye
+      fa-bullseye
       <small>
-        <i class="icon-bullseye"></i> &middot;
+        <i class="fa fa-bullseye"></i> &middot;
         Unicode: <span class="upper">f140</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-bullseye"></i> icon-bullseye
+            <i class="fa fa-bullseye"></i> fa-bullseye
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-bullseye&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-bullseye
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-bullseye&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/calendar-o/index.html b/icon/calendar-o/index.html
new file mode 100644
index 000000000..48af81c30
--- /dev/null
+++ b/icon/calendar-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-calendar-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-calendar-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-calendar-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-calendar-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-calendar-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-calendar-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-calendar-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-calendar-o
+      <small>
+        <i class="fa fa-calendar-o"></i> &middot;
+        Unicode: <span class="upper">f133</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-calendar-o"></i> fa-calendar-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-calendar-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-calendar-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/calendar/index.html b/icon/calendar/index.html
index dbc30d3a6..83a8ede24 100644
--- a/icon/calendar/index.html
+++ b/icon/calendar/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-calendar: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-calendar: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-calendar icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-calendar icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-calendar icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-calendar icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-calendar icon-2"></i>&nbsp;
+      <i class="fa fa-calendar fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-calendar fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-calendar fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-calendar fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-calendar fa-2"></i>&nbsp;
       </span>
-      <i class="icon-calendar icon-1"></i>
+      <i class="fa fa-calendar fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-calendar
+      fa-calendar
       <small>
-        <i class="icon-calendar"></i> &middot;
+        <i class="fa fa-calendar"></i> &middot;
         Unicode: <span class="upper">f073</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-calendar"></i> icon-calendar
+            <i class="fa fa-calendar"></i> fa-calendar
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-calendar&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-calendar
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-calendar&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/camera-retro/index.html b/icon/camera-retro/index.html
index a19377535..667a8cd16 100644
--- a/icon/camera-retro/index.html
+++ b/icon/camera-retro/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-camera-retro: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-camera-retro: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-camera-retro icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-camera-retro icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-camera-retro icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-camera-retro icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-camera-retro icon-2"></i>&nbsp;
+      <i class="fa fa-camera-retro fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-camera-retro fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-camera-retro fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-camera-retro fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-camera-retro fa-2"></i>&nbsp;
       </span>
-      <i class="icon-camera-retro icon-1"></i>
+      <i class="fa fa-camera-retro fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-camera-retro
+      fa-camera-retro
       <small>
-        <i class="icon-camera-retro"></i> &middot;
+        <i class="fa fa-camera-retro"></i> &middot;
         Unicode: <span class="upper">f083</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-camera-retro"></i> fa-camera-retro
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera-retro&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-camera-retro
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-camera-retro&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/camera/index.html b/icon/camera/index.html
index 355951982..e3a578af7 100644
--- a/icon/camera/index.html
+++ b/icon/camera/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-camera: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-camera: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-camera icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-camera icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-camera icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-camera icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-camera icon-2"></i>&nbsp;
+      <i class="fa fa-camera fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-camera fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-camera fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-camera fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-camera fa-2"></i>&nbsp;
       </span>
-      <i class="icon-camera icon-1"></i>
+      <i class="fa fa-camera fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-camera
+      fa-camera
       <small>
-        <i class="icon-camera"></i> &middot;
+        <i class="fa fa-camera"></i> &middot;
         Unicode: <span class="upper">f030</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-camera"></i> icon-camera
+            <i class="fa fa-camera"></i> fa-camera
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-camera&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-camera
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-camera&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/caret-down/index.html b/icon/caret-down/index.html
index 217b1c989..6782506a1 100644
--- a/icon/caret-down/index.html
+++ b/icon/caret-down/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-caret-down: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-caret-down: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-caret-down icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-caret-down icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-caret-down icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-caret-down icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-caret-down icon-2"></i>&nbsp;
+      <i class="fa fa-caret-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-down fa-2"></i>&nbsp;
       </span>
-      <i class="icon-caret-down icon-1"></i>
+      <i class="fa fa-caret-down fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-caret-down
+      fa-caret-down
       <small>
-        <i class="icon-caret-down"></i> &middot;
+        <i class="fa fa-caret-down"></i> &middot;
         Unicode: <span class="upper">f0d7</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-caret-down"></i> fa-caret-down
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-caret-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-caret-down
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/caret-left/index.html b/icon/caret-left/index.html
index afdd0420c..7461dc71e 100644
--- a/icon/caret-left/index.html
+++ b/icon/caret-left/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-caret-left: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-caret-left: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-caret-left icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-caret-left icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-caret-left icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-caret-left icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-caret-left icon-2"></i>&nbsp;
+      <i class="fa fa-caret-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-left fa-2"></i>&nbsp;
       </span>
-      <i class="icon-caret-left icon-1"></i>
+      <i class="fa fa-caret-left fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-caret-left
+      fa-caret-left
       <small>
-        <i class="icon-caret-left"></i> &middot;
+        <i class="fa fa-caret-left"></i> &middot;
         Unicode: <span class="upper">f0d9</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-caret-left"></i> fa-caret-left
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-caret-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-caret-left
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/caret-right/index.html b/icon/caret-right/index.html
index e73b7eb34..ef4226b9d 100644
--- a/icon/caret-right/index.html
+++ b/icon/caret-right/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-caret-right: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-caret-right: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-caret-right icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-caret-right icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-caret-right icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-caret-right icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-caret-right icon-2"></i>&nbsp;
+      <i class="fa fa-caret-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-right fa-2"></i>&nbsp;
       </span>
-      <i class="icon-caret-right icon-1"></i>
+      <i class="fa fa-caret-right fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-caret-right
+      fa-caret-right
       <small>
-        <i class="icon-caret-right"></i> &middot;
+        <i class="fa fa-caret-right"></i> &middot;
         Unicode: <span class="upper">f0da</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-caret-right"></i> fa-caret-right
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-caret-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-caret-right
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/caret-square-o-down/index.html b/icon/caret-square-o-down/index.html
new file mode 100644
index 000000000..92652e7df
--- /dev/null
+++ b/icon/caret-square-o-down/index.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-caret-square-o-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-caret-square-o-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-square-o-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-square-o-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-square-o-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-square-o-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-caret-square-o-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-caret-square-o-down
+      <small>
+        <i class="fa fa-caret-square-o-down"></i> &middot;
+        Unicode: <span class="upper">f150</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Directional Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-toggle-down
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-square-o-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-caret-square-o-down
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/caret-square-o-left/index.html b/icon/caret-square-o-left/index.html
new file mode 100644
index 000000000..2b59fe3b3
--- /dev/null
+++ b/icon/caret-square-o-left/index.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-caret-square-o-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-caret-square-o-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-square-o-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-square-o-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-square-o-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-square-o-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-caret-square-o-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-caret-square-o-left
+      <small>
+        <i class="fa fa-caret-square-o-left"></i> &middot;
+        Unicode: <span class="upper">f191</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Directional Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-toggle-left
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-square-o-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-caret-square-o-left
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/caret-square-o-right/index.html b/icon/caret-square-o-right/index.html
new file mode 100644
index 000000000..72ba074f1
--- /dev/null
+++ b/icon/caret-square-o-right/index.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-caret-square-o-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-caret-square-o-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-square-o-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-square-o-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-square-o-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-square-o-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-caret-square-o-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-caret-square-o-right
+      <small>
+        <i class="fa fa-caret-square-o-right"></i> &middot;
+        Unicode: <span class="upper">f152</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Directional Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-toggle-right
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-square-o-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-caret-square-o-right
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/caret-square-o-up/index.html b/icon/caret-square-o-up/index.html
new file mode 100644
index 000000000..e5b63c6e2
--- /dev/null
+++ b/icon/caret-square-o-up/index.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-caret-square-o-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-caret-square-o-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-square-o-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-square-o-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-square-o-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-square-o-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-caret-square-o-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-caret-square-o-up
+      <small>
+        <i class="fa fa-caret-square-o-up"></i> &middot;
+        Unicode: <span class="upper">f151</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Directional Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-toggle-up
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-square-o-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-caret-square-o-up
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/caret-up/index.html b/icon/caret-up/index.html
index 6d1597a4c..0c9b56570 100644
--- a/icon/caret-up/index.html
+++ b/icon/caret-up/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-caret-up: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-caret-up: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-caret-up icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-caret-up icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-caret-up icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-caret-up icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-caret-up icon-2"></i>&nbsp;
+      <i class="fa fa-caret-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-caret-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-caret-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-caret-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-caret-up fa-2"></i>&nbsp;
       </span>
-      <i class="icon-caret-up icon-1"></i>
+      <i class="fa fa-caret-up fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-caret-up
+      fa-caret-up
       <small>
-        <i class="icon-caret-up"></i> &middot;
+        <i class="fa fa-caret-up"></i> &middot;
         Unicode: <span class="upper">f0d8</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-caret-up"></i> fa-caret-up
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-caret-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-caret-up
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-caret-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/certificate/index.html b/icon/certificate/index.html
index 3982634bb..5bb60c3cc 100644
--- a/icon/certificate/index.html
+++ b/icon/certificate/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-certificate: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-certificate: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-certificate icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-certificate icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-certificate icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-certificate icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-certificate icon-2"></i>&nbsp;
+      <i class="fa fa-certificate fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-certificate fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-certificate fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-certificate fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-certificate fa-2"></i>&nbsp;
       </span>
-      <i class="icon-certificate icon-1"></i>
+      <i class="fa fa-certificate fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-certificate
+      fa-certificate
       <small>
-        <i class="icon-certificate"></i> &middot;
+        <i class="fa fa-certificate"></i> &middot;
         Unicode: <span class="upper">f0a3</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-certificate"></i> icon-certificate
+            <i class="fa fa-certificate"></i> fa-certificate
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-certificate&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-certificate
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-certificate&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/chain-broken/index.html b/icon/chain-broken/index.html
new file mode 100644
index 000000000..172f70e6e
--- /dev/null
+++ b/icon/chain-broken/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-chain-broken: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chain-broken fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chain-broken fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chain-broken fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chain-broken fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chain-broken fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chain-broken fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chain-broken
+      <small>
+        <i class="fa fa-chain-broken"></i> &middot;
+        Unicode: <span class="upper">f127</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-unlink
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chain-broken"></i> fa-chain-broken
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chain-broken&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-chain-broken
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/check-circle-o/index.html b/icon/check-circle-o/index.html
new file mode 100644
index 000000000..8a3367bc3
--- /dev/null
+++ b/icon/check-circle-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-check-circle-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-check-circle-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-check-circle-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-check-circle-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-check-circle-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-check-circle-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-check-circle-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-check-circle-o
+      <small>
+        <i class="fa fa-check-circle-o"></i> &middot;
+        Unicode: <span class="upper">f05d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-check-circle-o"></i> fa-check-circle-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-check-circle-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-check-circle-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/check-circle/index.html b/icon/check-circle/index.html
new file mode 100644
index 000000000..87c51911f
--- /dev/null
+++ b/icon/check-circle/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-check-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-check-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-check-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-check-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-check-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-check-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-check-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-check-circle
+      <small>
+        <i class="fa fa-check-circle"></i> &middot;
+        Unicode: <span class="upper">f058</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-check-circle"></i> fa-check-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-check-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-check-circle
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/check-square-o/index.html b/icon/check-square-o/index.html
new file mode 100644
index 000000000..d49e04ce9
--- /dev/null
+++ b/icon/check-square-o/index.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-check-square-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-check-square-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-check-square-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-check-square-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-check-square-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-check-square-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-check-square-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-check-square-o
+      <small>
+        <i class="fa fa-check-square-o"></i> &middot;
+        Unicode: <span class="upper">f046</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-check-square-o"></i> fa-check-square-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-check-square-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-check-square-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/check-square/index.html b/icon/check-square/index.html
new file mode 100644
index 000000000..f469c27ff
--- /dev/null
+++ b/icon/check-square/index.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-check-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-check-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-check-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-check-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-check-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-check-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-check-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-check-square
+      <small>
+        <i class="fa fa-check-square"></i> &middot;
+        Unicode: <span class="upper">f14a</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-check-square"></i> fa-check-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-check-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-check-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/check/index.html b/icon/check/index.html
index aaca7ea4e..1ae6c2699 100644
--- a/icon/check/index.html
+++ b/icon/check/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-check: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-check: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,20 +113,20 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-check icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-check icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-check icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-check icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-check icon-2"></i>&nbsp;
+      <i class="fa fa-check fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-check fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-check fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-check fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-check fa-2"></i>&nbsp;
       </span>
-      <i class="icon-check icon-1"></i>
+      <i class="fa fa-check fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-check
+      fa-check
       <small>
-        <i class="icon-check"></i> &middot;
-        Unicode: <span class="upper">f046</span> &middot;
+        <i class="fa fa-check"></i> &middot;
+        Unicode: <span class="upper">f00c</span> &middot;
         Created: v1.0 &middot;
         Categories:
         
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-check"></i> icon-check
+            <i class="fa fa-check"></i> fa-check
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-check&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-check
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-check&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/chevron-circle-down/index.html b/icon/chevron-circle-down/index.html
new file mode 100644
index 000000000..47416751f
--- /dev/null
+++ b/icon/chevron-circle-down/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-chevron-circle-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chevron-circle-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-circle-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-circle-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-circle-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-circle-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chevron-circle-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chevron-circle-down
+      <small>
+        <i class="fa fa-chevron-circle-down"></i> &middot;
+        Unicode: <span class="upper">f13a</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chevron-circle-down"></i> fa-chevron-circle-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-circle-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-chevron-circle-down
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/chevron-circle-left/index.html b/icon/chevron-circle-left/index.html
new file mode 100644
index 000000000..1ab5a1fe5
--- /dev/null
+++ b/icon/chevron-circle-left/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-chevron-circle-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chevron-circle-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-circle-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-circle-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-circle-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-circle-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chevron-circle-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chevron-circle-left
+      <small>
+        <i class="fa fa-chevron-circle-left"></i> &middot;
+        Unicode: <span class="upper">f137</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chevron-circle-left"></i> fa-chevron-circle-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-circle-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-chevron-circle-left
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/chevron-circle-right/index.html b/icon/chevron-circle-right/index.html
new file mode 100644
index 000000000..e046e10d4
--- /dev/null
+++ b/icon/chevron-circle-right/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-chevron-circle-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chevron-circle-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-circle-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-circle-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-circle-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-circle-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chevron-circle-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chevron-circle-right
+      <small>
+        <i class="fa fa-chevron-circle-right"></i> &middot;
+        Unicode: <span class="upper">f138</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chevron-circle-right"></i> fa-chevron-circle-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-circle-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-chevron-circle-right
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/chevron-circle-up/index.html b/icon/chevron-circle-up/index.html
new file mode 100644
index 000000000..25db8c853
--- /dev/null
+++ b/icon/chevron-circle-up/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-chevron-circle-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-chevron-circle-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-circle-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-circle-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-circle-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-circle-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-chevron-circle-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-chevron-circle-up
+      <small>
+        <i class="fa fa-chevron-circle-up"></i> &middot;
+        Unicode: <span class="upper">f139</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-chevron-circle-up"></i> fa-chevron-circle-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-circle-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-chevron-circle-up
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/chevron-down/index.html b/icon/chevron-down/index.html
index 53f0c97d7..804477fef 100644
--- a/icon/chevron-down/index.html
+++ b/icon/chevron-down/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-chevron-down: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-chevron-down: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-chevron-down icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-chevron-down icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-chevron-down icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-chevron-down icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-chevron-down icon-2"></i>&nbsp;
+      <i class="fa fa-chevron-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-down fa-2"></i>&nbsp;
       </span>
-      <i class="icon-chevron-down icon-1"></i>
+      <i class="fa fa-chevron-down fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-chevron-down
+      fa-chevron-down
       <small>
-        <i class="icon-chevron-down"></i> &middot;
+        <i class="fa fa-chevron-down"></i> &middot;
         Unicode: <span class="upper">f078</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-chevron-down"></i> fa-chevron-down
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-chevron-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-chevron-down
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/chevron-left/index.html b/icon/chevron-left/index.html
index 90c5ed681..9d3f5168a 100644
--- a/icon/chevron-left/index.html
+++ b/icon/chevron-left/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-chevron-left: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-chevron-left: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-chevron-left icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-chevron-left icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-chevron-left icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-chevron-left icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-chevron-left icon-2"></i>&nbsp;
+      <i class="fa fa-chevron-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-left fa-2"></i>&nbsp;
       </span>
-      <i class="icon-chevron-left icon-1"></i>
+      <i class="fa fa-chevron-left fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-chevron-left
+      fa-chevron-left
       <small>
-        <i class="icon-chevron-left"></i> &middot;
+        <i class="fa fa-chevron-left"></i> &middot;
         Unicode: <span class="upper">f053</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-chevron-left"></i> fa-chevron-left
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-chevron-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-chevron-left
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/chevron-right/index.html b/icon/chevron-right/index.html
index 0be7da63c..84b66acb7 100644
--- a/icon/chevron-right/index.html
+++ b/icon/chevron-right/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-chevron-right: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-chevron-right: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-chevron-right icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-chevron-right icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-chevron-right icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-chevron-right icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-chevron-right icon-2"></i>&nbsp;
+      <i class="fa fa-chevron-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-right fa-2"></i>&nbsp;
       </span>
-      <i class="icon-chevron-right icon-1"></i>
+      <i class="fa fa-chevron-right fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-chevron-right
+      fa-chevron-right
       <small>
-        <i class="icon-chevron-right"></i> &middot;
+        <i class="fa fa-chevron-right"></i> &middot;
         Unicode: <span class="upper">f054</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-chevron-right"></i> fa-chevron-right
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-chevron-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-chevron-right
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/chevron-up/index.html b/icon/chevron-up/index.html
index d457d9e60..3d6ffcaa3 100644
--- a/icon/chevron-up/index.html
+++ b/icon/chevron-up/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-chevron-up: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-chevron-up: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-chevron-up icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-chevron-up icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-chevron-up icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-chevron-up icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-chevron-up icon-2"></i>&nbsp;
+      <i class="fa fa-chevron-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-chevron-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-chevron-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-chevron-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-chevron-up fa-2"></i>&nbsp;
       </span>
-      <i class="icon-chevron-up icon-1"></i>
+      <i class="fa fa-chevron-up fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-chevron-up
+      fa-chevron-up
       <small>
-        <i class="icon-chevron-up"></i> &middot;
+        <i class="fa fa-chevron-up"></i> &middot;
         Unicode: <span class="upper">f077</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-chevron-up"></i> fa-chevron-up
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-chevron-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-chevron-up
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-chevron-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/circle-o/index.html b/icon/circle-o/index.html
new file mode 100644
index 000000000..05eb43906
--- /dev/null
+++ b/icon/circle-o/index.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-circle-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-circle-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-circle-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-circle-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-circle-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-circle-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-circle-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-circle-o
+      <small>
+        <i class="fa fa-circle-o"></i> &middot;
+        Unicode: <span class="upper">f10c</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-circle-o"></i> fa-circle-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-circle-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-circle-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/circle/index.html b/icon/circle/index.html
index 3cb1a0c2f..0c8b98000 100644
--- a/icon/circle/index.html
+++ b/icon/circle/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-circle: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-circle: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,24 +113,26 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-circle icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-circle icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-circle icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-circle icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-circle icon-2"></i>&nbsp;
+      <i class="fa fa-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-circle fa-2"></i>&nbsp;
       </span>
-      <i class="icon-circle icon-1"></i>
+      <i class="fa fa-circle fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-circle
+      fa-circle
       <small>
-        <i class="icon-circle"></i> &middot;
+        <i class="fa fa-circle"></i> &middot;
         Unicode: <span class="upper">f111</span> &middot;
         Created: v3.0 &middot;
         Categories:
         
-          Web Application Icons
+          Web Application Icons,
+        
+          Form Control Icons
         
         
         
@@ -150,20 +144,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-circle"></i> icon-circle
+            <i class="fa fa-circle"></i> fa-circle
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-circle
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +165,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +192,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/clipboard/index.html b/icon/clipboard/index.html
new file mode 100644
index 000000000..887113642
--- /dev/null
+++ b/icon/clipboard/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-clipboard: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-clipboard fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-clipboard fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-clipboard fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-clipboard fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-clipboard fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-clipboard fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-clipboard
+      <small>
+        <i class="fa fa-clipboard"></i> &middot;
+        Unicode: <span class="upper">f0ea</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-paste
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-clipboard"></i> fa-clipboard
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-clipboard&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-clipboard
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/clock-o/index.html b/icon/clock-o/index.html
new file mode 100644
index 000000000..c1596ce10
--- /dev/null
+++ b/icon/clock-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-clock-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-clock-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-clock-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-clock-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-clock-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-clock-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-clock-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-clock-o
+      <small>
+        <i class="fa fa-clock-o"></i> &middot;
+        Unicode: <span class="upper">f017</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-clock-o"></i> fa-clock-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-clock-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-clock-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/cloud-download/index.html b/icon/cloud-download/index.html
index 8bc71dcb5..c4092312c 100644
--- a/icon/cloud-download/index.html
+++ b/icon/cloud-download/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-cloud-download: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-cloud-download: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-cloud-download icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-cloud-download icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-cloud-download icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-cloud-download icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-cloud-download icon-2"></i>&nbsp;
+      <i class="fa fa-cloud-download fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cloud-download fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cloud-download fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cloud-download fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cloud-download fa-2"></i>&nbsp;
       </span>
-      <i class="icon-cloud-download icon-1"></i>
+      <i class="fa fa-cloud-download fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-cloud-download
+      fa-cloud-download
       <small>
-        <i class="icon-cloud-download"></i> &middot;
+        <i class="fa fa-cloud-download"></i> &middot;
         Unicode: <span class="upper">f0ed</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-cloud-download"></i> fa-cloud-download
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-cloud-download&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-cloud-download
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cloud-download&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/cloud-upload/index.html b/icon/cloud-upload/index.html
index 3bfc45032..2cd2b9cdb 100644
--- a/icon/cloud-upload/index.html
+++ b/icon/cloud-upload/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-cloud-upload: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-cloud-upload: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-cloud-upload icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-cloud-upload icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-cloud-upload icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-cloud-upload icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-cloud-upload icon-2"></i>&nbsp;
+      <i class="fa fa-cloud-upload fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cloud-upload fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cloud-upload fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cloud-upload fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cloud-upload fa-2"></i>&nbsp;
       </span>
-      <i class="icon-cloud-upload icon-1"></i>
+      <i class="fa fa-cloud-upload fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-cloud-upload
+      fa-cloud-upload
       <small>
-        <i class="icon-cloud-upload"></i> &middot;
+        <i class="fa fa-cloud-upload"></i> &middot;
         Unicode: <span class="upper">f0ee</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-cloud-upload"></i> fa-cloud-upload
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-cloud-upload&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-cloud-upload
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cloud-upload&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/cloud/index.html b/icon/cloud/index.html
index d4e319e62..cd984703a 100644
--- a/icon/cloud/index.html
+++ b/icon/cloud/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-cloud: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-cloud: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-cloud icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-cloud icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-cloud icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-cloud icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-cloud icon-2"></i>&nbsp;
+      <i class="fa fa-cloud fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cloud fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cloud fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cloud fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cloud fa-2"></i>&nbsp;
       </span>
-      <i class="icon-cloud icon-1"></i>
+      <i class="fa fa-cloud fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-cloud
+      fa-cloud
       <small>
-        <i class="icon-cloud"></i> &middot;
+        <i class="fa fa-cloud"></i> &middot;
         Unicode: <span class="upper">f0c2</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-cloud"></i> icon-cloud
+            <i class="fa fa-cloud"></i> fa-cloud
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-cloud&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-cloud
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cloud&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/code-fork/index.html b/icon/code-fork/index.html
index e1f7a6445..6354831aa 100644
--- a/icon/code-fork/index.html
+++ b/icon/code-fork/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-code-fork: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-code-fork: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-code-fork icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-code-fork icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-code-fork icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-code-fork icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-code-fork icon-2"></i>&nbsp;
+      <i class="fa fa-code-fork fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-code-fork fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-code-fork fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-code-fork fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-code-fork fa-2"></i>&nbsp;
       </span>
-      <i class="icon-code-fork icon-1"></i>
+      <i class="fa fa-code-fork fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-code-fork
+      fa-code-fork
       <small>
-        <i class="icon-code-fork"></i> &middot;
+        <i class="fa fa-code-fork"></i> &middot;
         Unicode: <span class="upper">f126</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-code-fork"></i> fa-code-fork
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-code-fork&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-code-fork
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-code-fork&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/code/index.html b/icon/code/index.html
index d28713ce8..9ad5e6b01 100644
--- a/icon/code/index.html
+++ b/icon/code/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-code: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-code: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-code icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-code icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-code icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-code icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-code icon-2"></i>&nbsp;
+      <i class="fa fa-code fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-code fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-code fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-code fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-code fa-2"></i>&nbsp;
       </span>
-      <i class="icon-code icon-1"></i>
+      <i class="fa fa-code fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-code
+      fa-code
       <small>
-        <i class="icon-code"></i> &middot;
+        <i class="fa fa-code"></i> &middot;
         Unicode: <span class="upper">f121</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-code"></i> icon-code
+            <i class="fa fa-code"></i> fa-code
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-code&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-code
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-code&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/coffee/index.html b/icon/coffee/index.html
index 63e06e44e..ff8be2941 100644
--- a/icon/coffee/index.html
+++ b/icon/coffee/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-coffee: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-coffee: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-coffee icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-coffee icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-coffee icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-coffee icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-coffee icon-2"></i>&nbsp;
+      <i class="fa fa-coffee fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-coffee fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-coffee fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-coffee fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-coffee fa-2"></i>&nbsp;
       </span>
-      <i class="icon-coffee icon-1"></i>
+      <i class="fa fa-coffee fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-coffee
+      fa-coffee
       <small>
-        <i class="icon-coffee"></i> &middot;
+        <i class="fa fa-coffee"></i> &middot;
         Unicode: <span class="upper">f0f4</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-coffee"></i> icon-coffee
+            <i class="fa fa-coffee"></i> fa-coffee
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-coffee&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-coffee
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-coffee&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/cog/index.html b/icon/cog/index.html
index 8afd03166..22010c76d 100644
--- a/icon/cog/index.html
+++ b/icon/cog/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-cog: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-cog: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-cog icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-cog icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-cog icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-cog icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-cog icon-2"></i>&nbsp;
+      <i class="fa fa-cog fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cog fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cog fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cog fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cog fa-2"></i>&nbsp;
       </span>
-      <i class="icon-cog icon-1"></i>
+      <i class="fa fa-cog fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-cog
+      fa-cog
       <small>
-        <i class="icon-cog"></i> &middot;
+        <i class="fa fa-cog"></i> &middot;
         Unicode: <span class="upper">f013</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -144,7 +136,7 @@
         
           &middot; Aliases:
           
-            icon-gear
+            fa-gear
           
         
       </small>
@@ -155,20 +147,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-cog"></i> icon-cog
+            <i class="fa fa-cog"></i> fa-cog
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-cog&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-cog
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cog&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -176,24 +168,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -204,9 +195,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/cogs/index.html b/icon/cogs/index.html
index 2c4c56d20..c6ddf1a4d 100644
--- a/icon/cogs/index.html
+++ b/icon/cogs/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-cogs: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-cogs: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-cogs icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-cogs icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-cogs icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-cogs icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-cogs icon-2"></i>&nbsp;
+      <i class="fa fa-cogs fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cogs fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cogs fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cogs fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cogs fa-2"></i>&nbsp;
       </span>
-      <i class="icon-cogs icon-1"></i>
+      <i class="fa fa-cogs fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-cogs
+      fa-cogs
       <small>
-        <i class="icon-cogs"></i> &middot;
+        <i class="fa fa-cogs"></i> &middot;
         Unicode: <span class="upper">f085</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -144,7 +136,7 @@
         
           &middot; Aliases:
           
-            icon-gears
+            fa-gears
           
         
       </small>
@@ -155,20 +147,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-cogs"></i> icon-cogs
+            <i class="fa fa-cogs"></i> fa-cogs
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-cogs&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-cogs
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cogs&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -176,24 +168,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -204,9 +195,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/collapse-o/index.html b/icon/collapse-o/index.html
new file mode 100644
index 000000000..4e9f6cecf
--- /dev/null
+++ b/icon/collapse-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-collapse-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-collapse-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-collapse-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-collapse-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-collapse-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-collapse-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-collapse-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-collapse-o
+      <small>
+        <i class="fa fa-collapse-o"></i> &middot;
+        Unicode: <span class="upper">f117</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-collapse-o"></i> fa-collapse-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-collapse-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-collapse-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/columns/index.html b/icon/columns/index.html
index 2cac42bb8..4dec074a8 100644
--- a/icon/columns/index.html
+++ b/icon/columns/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-columns: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-columns: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-columns icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-columns icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-columns icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-columns icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-columns icon-2"></i>&nbsp;
+      <i class="fa fa-columns fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-columns fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-columns fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-columns fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-columns fa-2"></i>&nbsp;
       </span>
-      <i class="icon-columns icon-1"></i>
+      <i class="fa fa-columns fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-columns
+      fa-columns
       <small>
-        <i class="icon-columns"></i> &middot;
+        <i class="fa fa-columns"></i> &middot;
         Unicode: <span class="upper">f0db</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-columns"></i> icon-columns
+            <i class="fa fa-columns"></i> fa-columns
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-columns&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-columns
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-columns&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/comment-o/index.html b/icon/comment-o/index.html
new file mode 100644
index 000000000..e84b5cea6
--- /dev/null
+++ b/icon/comment-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-comment-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-comment-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-comment-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-comment-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-comment-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-comment-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-comment-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-comment-o
+      <small>
+        <i class="fa fa-comment-o"></i> &middot;
+        Unicode: <span class="upper">f0e5</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-comment-o"></i> fa-comment-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-comment-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-comment-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/comment/index.html b/icon/comment/index.html
index d3217e200..9fae3648e 100644
--- a/icon/comment/index.html
+++ b/icon/comment/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-comment: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-comment: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-comment icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-comment icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-comment icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-comment icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-comment icon-2"></i>&nbsp;
+      <i class="fa fa-comment fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-comment fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-comment fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-comment fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-comment fa-2"></i>&nbsp;
       </span>
-      <i class="icon-comment icon-1"></i>
+      <i class="fa fa-comment fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-comment
+      fa-comment
       <small>
-        <i class="icon-comment"></i> &middot;
+        <i class="fa fa-comment"></i> &middot;
         Unicode: <span class="upper">f075</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-comment"></i> icon-comment
+            <i class="fa fa-comment"></i> fa-comment
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-comment&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-comment
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-comment&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/comments-o/index.html b/icon/comments-o/index.html
new file mode 100644
index 000000000..90de18419
--- /dev/null
+++ b/icon/comments-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-comments-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-comments-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-comments-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-comments-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-comments-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-comments-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-comments-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-comments-o
+      <small>
+        <i class="fa fa-comments-o"></i> &middot;
+        Unicode: <span class="upper">f0e6</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-comments-o"></i> fa-comments-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-comments-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-comments-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/comments/index.html b/icon/comments/index.html
index a9d57f58f..04e40a29d 100644
--- a/icon/comments/index.html
+++ b/icon/comments/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-comments: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-comments: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-comments icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-comments icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-comments icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-comments icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-comments icon-2"></i>&nbsp;
+      <i class="fa fa-comments fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-comments fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-comments fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-comments fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-comments fa-2"></i>&nbsp;
       </span>
-      <i class="icon-comments icon-1"></i>
+      <i class="fa fa-comments fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-comments
+      fa-comments
       <small>
-        <i class="icon-comments"></i> &middot;
+        <i class="fa fa-comments"></i> &middot;
         Unicode: <span class="upper">f086</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-comments"></i> icon-comments
+            <i class="fa fa-comments"></i> fa-comments
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-comments&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-comments
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-comments&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/compass/index.html b/icon/compass/index.html
index b6bee48cf..55927818c 100644
--- a/icon/compass/index.html
+++ b/icon/compass/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-compass: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-compass: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-compass icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-compass icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-compass icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-compass icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-compass icon-2"></i>&nbsp;
+      <i class="fa fa-compass fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-compass fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-compass fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-compass fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-compass fa-2"></i>&nbsp;
       </span>
-      <i class="icon-compass icon-1"></i>
+      <i class="fa fa-compass fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-compass
+      fa-compass
       <small>
-        <i class="icon-compass"></i> &middot;
+        <i class="fa fa-compass"></i> &middot;
         Unicode: <span class="upper">f14e</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-compass"></i> icon-compass
+            <i class="fa fa-compass"></i> fa-compass
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-compass&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-compass
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-compass&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/credit-card/index.html b/icon/credit-card/index.html
index 576fe24a5..4351cc2ff 100644
--- a/icon/credit-card/index.html
+++ b/icon/credit-card/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-credit-card: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-credit-card: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-credit-card icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-credit-card icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-credit-card icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-credit-card icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-credit-card icon-2"></i>&nbsp;
+      <i class="fa fa-credit-card fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-credit-card fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-credit-card fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-credit-card fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-credit-card fa-2"></i>&nbsp;
       </span>
-      <i class="icon-credit-card icon-1"></i>
+      <i class="fa fa-credit-card fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-credit-card
+      fa-credit-card
       <small>
-        <i class="icon-credit-card"></i> &middot;
+        <i class="fa fa-credit-card"></i> &middot;
         Unicode: <span class="upper">f09d</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-credit-card"></i> fa-credit-card
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-credit-card&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-credit-card
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-credit-card&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/crop/index.html b/icon/crop/index.html
index 226413b4b..33e898bf7 100644
--- a/icon/crop/index.html
+++ b/icon/crop/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-crop: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-crop: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-crop icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-crop icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-crop icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-crop icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-crop icon-2"></i>&nbsp;
+      <i class="fa fa-crop fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-crop fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-crop fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-crop fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-crop fa-2"></i>&nbsp;
       </span>
-      <i class="icon-crop icon-1"></i>
+      <i class="fa fa-crop fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-crop
+      fa-crop
       <small>
-        <i class="icon-crop"></i> &middot;
+        <i class="fa fa-crop"></i> &middot;
         Unicode: <span class="upper">f125</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-crop"></i> icon-crop
+            <i class="fa fa-crop"></i> fa-crop
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-crop&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-crop
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-crop&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/crosshairs/index.html b/icon/crosshairs/index.html
new file mode 100644
index 000000000..d373a98f3
--- /dev/null
+++ b/icon/crosshairs/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-crosshairs: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-crosshairs fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-crosshairs fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-crosshairs fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-crosshairs fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-crosshairs fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-crosshairs fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-crosshairs
+      <small>
+        <i class="fa fa-crosshairs"></i> &middot;
+        Unicode: <span class="upper">f05b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-crosshairs"></i> fa-crosshairs
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-crosshairs&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-crosshairs
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/css3/index.html b/icon/css3/index.html
index 3684786e8..2fdcdf9f2 100644
--- a/icon/css3/index.html
+++ b/icon/css3/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-css3: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-css3: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-css3 icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-css3 icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-css3 icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-css3 icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-css3 icon-2"></i>&nbsp;
+      <i class="fa fa-css3 fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-css3 fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-css3 fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-css3 fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-css3 fa-2"></i>&nbsp;
       </span>
-      <i class="icon-css3 icon-1"></i>
+      <i class="fa fa-css3 fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-css3
+      fa-css3
       <small>
-        <i class="icon-css3"></i> &middot;
+        <i class="fa fa-css3"></i> &middot;
         Unicode: <span class="upper">f13c</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-css3"></i> icon-css3
+            <i class="fa fa-css3"></i> fa-css3
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-css3&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-css3
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-css3&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/cutlery/index.html b/icon/cutlery/index.html
new file mode 100644
index 000000000..08d17edc4
--- /dev/null
+++ b/icon/cutlery/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-cutlery: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-cutlery fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-cutlery fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-cutlery fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-cutlery fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-cutlery fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-cutlery fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-cutlery
+      <small>
+        <i class="fa fa-cutlery"></i> &middot;
+        Unicode: <span class="upper">f0f5</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-cutlery"></i> fa-cutlery
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-cutlery&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-cutlery
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/desktop/index.html b/icon/desktop/index.html
index 1ac39c84a..75dcac9ed 100644
--- a/icon/desktop/index.html
+++ b/icon/desktop/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-desktop: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-desktop: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-desktop icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-desktop icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-desktop icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-desktop icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-desktop icon-2"></i>&nbsp;
+      <i class="fa fa-desktop fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-desktop fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-desktop fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-desktop fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-desktop fa-2"></i>&nbsp;
       </span>
-      <i class="icon-desktop icon-1"></i>
+      <i class="fa fa-desktop fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-desktop
+      fa-desktop
       <small>
-        <i class="icon-desktop"></i> &middot;
+        <i class="fa fa-desktop"></i> &middot;
         Unicode: <span class="upper">f108</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-desktop"></i> icon-desktop
+            <i class="fa fa-desktop"></i> fa-desktop
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-desktop&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-desktop
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-desktop&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/dot-circle-o/index.html b/icon/dot-circle-o/index.html
new file mode 100644
index 000000000..652510ef6
--- /dev/null
+++ b/icon/dot-circle-o/index.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-dot-circle-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-dot-circle-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-dot-circle-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-dot-circle-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-dot-circle-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-dot-circle-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-dot-circle-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-dot-circle-o
+      <small>
+        <i class="fa fa-dot-circle-o"></i> &middot;
+        Unicode: <span class="upper">f192</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-dot-circle-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-dot-circle-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/download/index.html b/icon/download/index.html
index d95fc9385..3d6d412a6 100644
--- a/icon/download/index.html
+++ b/icon/download/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-download: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-download: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,20 +113,20 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-download icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-download icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-download icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-download icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-download icon-2"></i>&nbsp;
+      <i class="fa fa-download fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-download fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-download fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-download fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-download fa-2"></i>&nbsp;
       </span>
-      <i class="icon-download icon-1"></i>
+      <i class="fa fa-download fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-download
+      fa-download
       <small>
-        <i class="icon-download"></i> &middot;
-        Unicode: <span class="upper">f01a</span> &middot;
+        <i class="fa fa-download"></i> &middot;
+        Unicode: <span class="upper">f019</span> &middot;
         Created: v1.0 &middot;
         Categories:
         
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-download"></i> icon-download
+            <i class="fa fa-download"></i> fa-download
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-download&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-download
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-download&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/dribbble/index.html b/icon/dribbble/index.html
index 12808af52..3d31eb1ae 100644
--- a/icon/dribbble/index.html
+++ b/icon/dribbble/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-dribbble: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-dribbble: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-dribbble icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-dribbble icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-dribbble icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-dribbble icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-dribbble icon-2"></i>&nbsp;
+      <i class="fa fa-dribbble fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-dribbble fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-dribbble fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-dribbble fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-dribbble fa-2"></i>&nbsp;
       </span>
-      <i class="icon-dribbble icon-1"></i>
+      <i class="fa fa-dribbble fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-dribbble
+      fa-dribbble
       <small>
-        <i class="icon-dribbble"></i> &middot;
+        <i class="fa fa-dribbble"></i> &middot;
         Unicode: <span class="upper">f17d</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-dribbble"></i> icon-dribbble
+            <i class="fa fa-dribbble"></i> fa-dribbble
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-dribbble&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-dribbble
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-dribbble&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/dropbox/index.html b/icon/dropbox/index.html
index 86a75157d..fb7c80658 100644
--- a/icon/dropbox/index.html
+++ b/icon/dropbox/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-dropbox: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-dropbox: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-dropbox icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-dropbox icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-dropbox icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-dropbox icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-dropbox icon-2"></i>&nbsp;
+      <i class="fa fa-dropbox fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-dropbox fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-dropbox fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-dropbox fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-dropbox fa-2"></i>&nbsp;
       </span>
-      <i class="icon-dropbox icon-1"></i>
+      <i class="fa fa-dropbox fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-dropbox
+      fa-dropbox
       <small>
-        <i class="icon-dropbox"></i> &middot;
+        <i class="fa fa-dropbox"></i> &middot;
         Unicode: <span class="upper">f16b</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-dropbox"></i> icon-dropbox
+            <i class="fa fa-dropbox"></i> fa-dropbox
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-dropbox&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-dropbox
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-dropbox&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/eject/index.html b/icon/eject/index.html
index a7712b304..cc49fc11f 100644
--- a/icon/eject/index.html
+++ b/icon/eject/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-eject: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-eject: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-eject icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-eject icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-eject icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-eject icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-eject icon-2"></i>&nbsp;
+      <i class="fa fa-eject fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-eject fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-eject fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-eject fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-eject fa-2"></i>&nbsp;
       </span>
-      <i class="icon-eject icon-1"></i>
+      <i class="fa fa-eject fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-eject
+      fa-eject
       <small>
-        <i class="icon-eject"></i> &middot;
+        <i class="fa fa-eject"></i> &middot;
         Unicode: <span class="upper">f052</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-eject"></i> icon-eject
+            <i class="fa fa-eject"></i> fa-eject
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-eject&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-eject
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-eject&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/ellipsis-horizontal/index.html b/icon/ellipsis-horizontal/index.html
index 55abf3eb6..ab4a1970b 100644
--- a/icon/ellipsis-horizontal/index.html
+++ b/icon/ellipsis-horizontal/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-ellipsis-horizontal: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-ellipsis-horizontal: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-ellipsis-horizontal icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-ellipsis-horizontal icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-ellipsis-horizontal icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-ellipsis-horizontal icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-ellipsis-horizontal icon-2"></i>&nbsp;
+      <i class="fa fa-ellipsis-horizontal fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-ellipsis-horizontal fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-ellipsis-horizontal fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-ellipsis-horizontal fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-ellipsis-horizontal fa-2"></i>&nbsp;
       </span>
-      <i class="icon-ellipsis-horizontal icon-1"></i>
+      <i class="fa fa-ellipsis-horizontal fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-ellipsis-horizontal
+      fa-ellipsis-horizontal
       <small>
-        <i class="icon-ellipsis-horizontal"></i> &middot;
+        <i class="fa fa-ellipsis-horizontal"></i> &middot;
         Unicode: <span class="upper">f141</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-ellipsis-horizontal"></i> fa-ellipsis-horizontal
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-ellipsis-horizontal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-ellipsis-horizontal
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ellipsis-horizontal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/ellipsis-vertical/index.html b/icon/ellipsis-vertical/index.html
index cccffe37f..29299c900 100644
--- a/icon/ellipsis-vertical/index.html
+++ b/icon/ellipsis-vertical/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-ellipsis-vertical: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-ellipsis-vertical: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-ellipsis-vertical icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-ellipsis-vertical icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-ellipsis-vertical icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-ellipsis-vertical icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-ellipsis-vertical icon-2"></i>&nbsp;
+      <i class="fa fa-ellipsis-vertical fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-ellipsis-vertical fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-ellipsis-vertical fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-ellipsis-vertical fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-ellipsis-vertical fa-2"></i>&nbsp;
       </span>
-      <i class="icon-ellipsis-vertical icon-1"></i>
+      <i class="fa fa-ellipsis-vertical fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-ellipsis-vertical
+      fa-ellipsis-vertical
       <small>
-        <i class="icon-ellipsis-vertical"></i> &middot;
+        <i class="fa fa-ellipsis-vertical"></i> &middot;
         Unicode: <span class="upper">f142</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-ellipsis-vertical"></i> fa-ellipsis-vertical
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-ellipsis-vertical&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-ellipsis-vertical
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ellipsis-vertical&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/envelope-o/index.html b/icon/envelope-o/index.html
new file mode 100644
index 000000000..df2e85e37
--- /dev/null
+++ b/icon/envelope-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-envelope-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-envelope-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-envelope-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-envelope-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-envelope-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-envelope-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-envelope-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-envelope-o
+      <small>
+        <i class="fa fa-envelope-o"></i> &middot;
+        Unicode: <span class="upper">f003</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-envelope-o"></i> fa-envelope-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-envelope-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-envelope-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/envelope/index.html b/icon/envelope/index.html
index e4d771e87..bcaa75eee 100644
--- a/icon/envelope/index.html
+++ b/icon/envelope/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-envelope: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-envelope: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-envelope icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-envelope icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-envelope icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-envelope icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-envelope icon-2"></i>&nbsp;
+      <i class="fa fa-envelope fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-envelope fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-envelope fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-envelope fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-envelope fa-2"></i>&nbsp;
       </span>
-      <i class="icon-envelope icon-1"></i>
+      <i class="fa fa-envelope fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-envelope
+      fa-envelope
       <small>
-        <i class="icon-envelope"></i> &middot;
+        <i class="fa fa-envelope"></i> &middot;
         Unicode: <span class="upper">f0e0</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-envelope"></i> icon-envelope
+            <i class="fa fa-envelope"></i> fa-envelope
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-envelope&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-envelope
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-envelope&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/eraser/index.html b/icon/eraser/index.html
index 1f5f8781d..1b9026840 100644
--- a/icon/eraser/index.html
+++ b/icon/eraser/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-eraser: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-eraser: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-eraser icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-eraser icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-eraser icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-eraser icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-eraser icon-2"></i>&nbsp;
+      <i class="fa fa-eraser fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-eraser fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-eraser fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-eraser fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-eraser fa-2"></i>&nbsp;
       </span>
-      <i class="icon-eraser icon-1"></i>
+      <i class="fa fa-eraser fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-eraser
+      fa-eraser
       <small>
-        <i class="icon-eraser"></i> &middot;
+        <i class="fa fa-eraser"></i> &middot;
         Unicode: <span class="upper">f12d</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -152,20 +144,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-eraser"></i> icon-eraser
+            <i class="fa fa-eraser"></i> fa-eraser
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-eraser&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-eraser
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-eraser&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -173,24 +165,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -201,9 +192,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/eur/index.html b/icon/eur/index.html
index d9689868f..945c3ec63 100644
--- a/icon/eur/index.html
+++ b/icon/eur/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-eur: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-eur: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-eur icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-eur icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-eur icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-eur icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-eur icon-2"></i>&nbsp;
+      <i class="fa fa-eur fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-eur fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-eur fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-eur fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-eur fa-2"></i>&nbsp;
       </span>
-      <i class="icon-eur icon-1"></i>
+      <i class="fa fa-eur fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-eur
+      fa-eur
       <small>
-        <i class="icon-eur"></i> &middot;
+        <i class="fa fa-eur"></i> &middot;
         Unicode: <span class="upper">f153</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -144,7 +136,7 @@
         
           &middot; Aliases:
           
-            icon-euro
+            fa-euro
           
         
       </small>
@@ -155,20 +147,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-eur"></i> icon-eur
+            <i class="fa fa-eur"></i> fa-eur
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-eur&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-eur
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-eur&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -176,24 +168,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -204,9 +195,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/exchange/index.html b/icon/exchange/index.html
index afdb30379..ccbd5faae 100644
--- a/icon/exchange/index.html
+++ b/icon/exchange/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-exchange: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-exchange: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-exchange icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-exchange icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-exchange icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-exchange icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-exchange icon-2"></i>&nbsp;
+      <i class="fa fa-exchange fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-exchange fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-exchange fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-exchange fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-exchange fa-2"></i>&nbsp;
       </span>
-      <i class="icon-exchange icon-1"></i>
+      <i class="fa fa-exchange fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-exchange
+      fa-exchange
       <small>
-        <i class="icon-exchange"></i> &middot;
+        <i class="fa fa-exchange"></i> &middot;
         Unicode: <span class="upper">f0ec</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-exchange"></i> icon-exchange
+            <i class="fa fa-exchange"></i> fa-exchange
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-exchange&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-exchange
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-exchange&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/exclamation-circle/index.html b/icon/exclamation-circle/index.html
new file mode 100644
index 000000000..988a75fff
--- /dev/null
+++ b/icon/exclamation-circle/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-exclamation-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-exclamation-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-exclamation-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-exclamation-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-exclamation-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-exclamation-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-exclamation-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-exclamation-circle
+      <small>
+        <i class="fa fa-exclamation-circle"></i> &middot;
+        Unicode: <span class="upper">f06a</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-exclamation-circle"></i> fa-exclamation-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-exclamation-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-exclamation-circle
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/exclamation-triangle/index.html b/icon/exclamation-triangle/index.html
new file mode 100644
index 000000000..c46aee4b1
--- /dev/null
+++ b/icon/exclamation-triangle/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-exclamation-triangle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-exclamation-triangle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-exclamation-triangle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-exclamation-triangle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-exclamation-triangle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-exclamation-triangle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-exclamation-triangle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-exclamation-triangle
+      <small>
+        <i class="fa fa-exclamation-triangle"></i> &middot;
+        Unicode: <span class="upper">f071</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-warning
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-exclamation-triangle"></i> fa-exclamation-triangle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-exclamation-triangle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-exclamation-triangle
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/exclamation/index.html b/icon/exclamation/index.html
index 0492fa1ae..7e6543202 100644
--- a/icon/exclamation/index.html
+++ b/icon/exclamation/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-exclamation: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-exclamation: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-exclamation icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-exclamation icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-exclamation icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-exclamation icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-exclamation icon-2"></i>&nbsp;
+      <i class="fa fa-exclamation fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-exclamation fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-exclamation fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-exclamation fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-exclamation fa-2"></i>&nbsp;
       </span>
-      <i class="icon-exclamation icon-1"></i>
+      <i class="fa fa-exclamation fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-exclamation
+      fa-exclamation
       <small>
-        <i class="icon-exclamation"></i> &middot;
+        <i class="fa fa-exclamation"></i> &middot;
         Unicode: <span class="upper">f12a</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-exclamation"></i> icon-exclamation
+            <i class="fa fa-exclamation"></i> fa-exclamation
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-exclamation&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-exclamation
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-exclamation&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/expand-o/index.html b/icon/expand-o/index.html
new file mode 100644
index 000000000..2c4926de6
--- /dev/null
+++ b/icon/expand-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-expand-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-expand-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-expand-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-expand-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-expand-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-expand-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-expand-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-expand-o
+      <small>
+        <i class="fa fa-expand-o"></i> &middot;
+        Unicode: <span class="upper">f116</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-expand-o"></i> fa-expand-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-expand-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-expand-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/external-link-square/index.html b/icon/external-link-square/index.html
new file mode 100644
index 000000000..902891058
--- /dev/null
+++ b/icon/external-link-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-external-link-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-external-link-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-external-link-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-external-link-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-external-link-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-external-link-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-external-link-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-external-link-square
+      <small>
+        <i class="fa fa-external-link-square"></i> &middot;
+        Unicode: <span class="upper">f14c</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-external-link-square"></i> fa-external-link-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-external-link-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-external-link-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/external-link/index.html b/icon/external-link/index.html
index 548d33c23..2d4e02b13 100644
--- a/icon/external-link/index.html
+++ b/icon/external-link/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-external-link: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-external-link: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-external-link icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-external-link icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-external-link icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-external-link icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-external-link icon-2"></i>&nbsp;
+      <i class="fa fa-external-link fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-external-link fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-external-link fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-external-link fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-external-link fa-2"></i>&nbsp;
       </span>
-      <i class="icon-external-link icon-1"></i>
+      <i class="fa fa-external-link fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-external-link
+      fa-external-link
       <small>
-        <i class="icon-external-link"></i> &middot;
+        <i class="fa fa-external-link"></i> &middot;
         Unicode: <span class="upper">f08e</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-external-link"></i> fa-external-link
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-external-link&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-external-link
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-external-link&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/eye-slash/index.html b/icon/eye-slash/index.html
new file mode 100644
index 000000000..1c947ebfc
--- /dev/null
+++ b/icon/eye-slash/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-eye-slash: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-eye-slash fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-eye-slash fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-eye-slash fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-eye-slash fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-eye-slash fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-eye-slash fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-eye-slash
+      <small>
+        <i class="fa fa-eye-slash"></i> &middot;
+        Unicode: <span class="upper">f070</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-eye-slash"></i> fa-eye-slash
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-eye-slash&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-eye-slash
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/eye/index.html b/icon/eye/index.html
new file mode 100644
index 000000000..db158e8a9
--- /dev/null
+++ b/icon/eye/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-eye: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-eye fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-eye fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-eye fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-eye fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-eye fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-eye fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-eye
+      <small>
+        <i class="fa fa-eye"></i> &middot;
+        Unicode: <span class="upper">f06e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-eye"></i> fa-eye
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-eye&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-eye
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/facebook-square/index.html b/icon/facebook-square/index.html
new file mode 100644
index 000000000..560c2f08d
--- /dev/null
+++ b/icon/facebook-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-facebook-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-facebook-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-facebook-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-facebook-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-facebook-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-facebook-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-facebook-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-facebook-square
+      <small>
+        <i class="fa fa-facebook-square"></i> &middot;
+        Unicode: <span class="upper">f082</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-facebook-square"></i> fa-facebook-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-facebook-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-facebook-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/facebook/index.html b/icon/facebook/index.html
index 3f427cc5e..4d55b7e3b 100644
--- a/icon/facebook/index.html
+++ b/icon/facebook/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-facebook: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-facebook: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-facebook icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-facebook icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-facebook icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-facebook icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-facebook icon-2"></i>&nbsp;
+      <i class="fa fa-facebook fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-facebook fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-facebook fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-facebook fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-facebook fa-2"></i>&nbsp;
       </span>
-      <i class="icon-facebook icon-1"></i>
+      <i class="fa fa-facebook fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-facebook
+      fa-facebook
       <small>
-        <i class="icon-facebook"></i> &middot;
+        <i class="fa fa-facebook"></i> &middot;
         Unicode: <span class="upper">f09a</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-facebook"></i> icon-facebook
+            <i class="fa fa-facebook"></i> fa-facebook
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-facebook&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-facebook
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-facebook&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/fast-backward/index.html b/icon/fast-backward/index.html
index 12575ffea..217a24ad9 100644
--- a/icon/fast-backward/index.html
+++ b/icon/fast-backward/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-fast-backward: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-fast-backward: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-fast-backward icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-fast-backward icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-fast-backward icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-fast-backward icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-fast-backward icon-2"></i>&nbsp;
+      <i class="fa fa-fast-backward fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fast-backward fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fast-backward fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fast-backward fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fast-backward fa-2"></i>&nbsp;
       </span>
-      <i class="icon-fast-backward icon-1"></i>
+      <i class="fa fa-fast-backward fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-fast-backward
+      fa-fast-backward
       <small>
-        <i class="icon-fast-backward"></i> &middot;
+        <i class="fa fa-fast-backward"></i> &middot;
         Unicode: <span class="upper">f049</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-fast-backward"></i> fa-fast-backward
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fast-backward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-fast-backward
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fast-backward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/fast-forward/index.html b/icon/fast-forward/index.html
index 2847d9ee9..9a6495f72 100644
--- a/icon/fast-forward/index.html
+++ b/icon/fast-forward/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-fast-forward: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-fast-forward: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-fast-forward icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-fast-forward icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-fast-forward icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-fast-forward icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-fast-forward icon-2"></i>&nbsp;
+      <i class="fa fa-fast-forward fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fast-forward fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fast-forward fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fast-forward fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fast-forward fa-2"></i>&nbsp;
       </span>
-      <i class="icon-fast-forward icon-1"></i>
+      <i class="fa fa-fast-forward fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-fast-forward
+      fa-fast-forward
       <small>
-        <i class="icon-fast-forward"></i> &middot;
+        <i class="fa fa-fast-forward"></i> &middot;
         Unicode: <span class="upper">f050</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-fast-forward"></i> fa-fast-forward
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fast-forward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-fast-forward
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fast-forward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/female/index.html b/icon/female/index.html
index 30987c0a3..1509bf8a0 100644
--- a/icon/female/index.html
+++ b/icon/female/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-female: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-female: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-female icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-female icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-female icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-female icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-female icon-2"></i>&nbsp;
+      <i class="fa fa-female fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-female fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-female fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-female fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-female fa-2"></i>&nbsp;
       </span>
-      <i class="icon-female icon-1"></i>
+      <i class="fa fa-female fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-female
+      fa-female
       <small>
-        <i class="icon-female"></i> &middot;
+        <i class="fa fa-female"></i> &middot;
         Unicode: <span class="upper">f182</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-female"></i> icon-female
+            <i class="fa fa-female"></i> fa-female
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-female&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-female
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-female&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/fighter-jet/index.html b/icon/fighter-jet/index.html
index 8c9a52b3a..edbf28769 100644
--- a/icon/fighter-jet/index.html
+++ b/icon/fighter-jet/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-fighter-jet: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-fighter-jet: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-fighter-jet icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-fighter-jet icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-fighter-jet icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-fighter-jet icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-fighter-jet icon-2"></i>&nbsp;
+      <i class="fa fa-fighter-jet fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fighter-jet fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fighter-jet fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fighter-jet fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fighter-jet fa-2"></i>&nbsp;
       </span>
-      <i class="icon-fighter-jet icon-1"></i>
+      <i class="fa fa-fighter-jet fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-fighter-jet
+      fa-fighter-jet
       <small>
-        <i class="icon-fighter-jet"></i> &middot;
+        <i class="fa fa-fighter-jet"></i> &middot;
         Unicode: <span class="upper">f0fb</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-fighter-jet"></i> fa-fighter-jet
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fighter-jet&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-fighter-jet
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fighter-jet&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/file-o/index.html b/icon/file-o/index.html
new file mode 100644
index 000000000..dd6993656
--- /dev/null
+++ b/icon/file-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-file-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-o
+      <small>
+        <i class="fa fa-file-o"></i> &middot;
+        Unicode: <span class="upper">f016</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-o"></i> fa-file-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-file-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/file-text-o/index.html b/icon/file-text-o/index.html
new file mode 100644
index 000000000..3b6e0337f
--- /dev/null
+++ b/icon/file-text-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-file-text-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-file-text-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-text-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-text-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-text-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-text-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-file-text-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-file-text-o
+      <small>
+        <i class="fa fa-file-text-o"></i> &middot;
+        Unicode: <span class="upper">f0f6</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-file-text-o"></i> fa-file-text-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-text-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-file-text-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/file-text/index.html b/icon/file-text/index.html
index 90d7f1501..cca75bf8f 100644
--- a/icon/file-text/index.html
+++ b/icon/file-text/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-file-text: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-file-text: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-file-text icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-file-text icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-file-text icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-file-text icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-file-text icon-2"></i>&nbsp;
+      <i class="fa fa-file-text fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file-text fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file-text fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file-text fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file-text fa-2"></i>&nbsp;
       </span>
-      <i class="icon-file-text icon-1"></i>
+      <i class="fa fa-file-text fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-file-text
+      fa-file-text
       <small>
-        <i class="icon-file-text"></i> &middot;
+        <i class="fa fa-file-text"></i> &middot;
         Unicode: <span class="upper">f15c</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-file-text"></i> fa-file-text
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-file-text&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-file-text
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file-text&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/file/index.html b/icon/file/index.html
index 7afa11475..c83c7d44b 100644
--- a/icon/file/index.html
+++ b/icon/file/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-file: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-file: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-file icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-file icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-file icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-file icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-file icon-2"></i>&nbsp;
+      <i class="fa fa-file fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-file fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-file fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-file fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-file fa-2"></i>&nbsp;
       </span>
-      <i class="icon-file icon-1"></i>
+      <i class="fa fa-file fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-file
+      fa-file
       <small>
-        <i class="icon-file"></i> &middot;
+        <i class="fa fa-file"></i> &middot;
         Unicode: <span class="upper">f15b</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-file"></i> icon-file
+            <i class="fa fa-file"></i> fa-file
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-file&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-file
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-file&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/files-o/index.html b/icon/files-o/index.html
new file mode 100644
index 000000000..1448c7499
--- /dev/null
+++ b/icon/files-o/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-files-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-files-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-files-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-files-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-files-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-files-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-files-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-files-o
+      <small>
+        <i class="fa fa-files-o"></i> &middot;
+        Unicode: <span class="upper">f0c5</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-copy
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-files-o"></i> fa-files-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-files-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-files-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/film/index.html b/icon/film/index.html
index fb03bdc6f..30b349ef8 100644
--- a/icon/film/index.html
+++ b/icon/film/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-film: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-film: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-film icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-film icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-film icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-film icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-film icon-2"></i>&nbsp;
+      <i class="fa fa-film fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-film fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-film fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-film fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-film fa-2"></i>&nbsp;
       </span>
-      <i class="icon-film icon-1"></i>
+      <i class="fa fa-film fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-film
+      fa-film
       <small>
-        <i class="icon-film"></i> &middot;
+        <i class="fa fa-film"></i> &middot;
         Unicode: <span class="upper">f008</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-film"></i> icon-film
+            <i class="fa fa-film"></i> fa-film
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-film&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-film
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-film&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/filter/index.html b/icon/filter/index.html
index 9cb552ce4..4a876bdc2 100644
--- a/icon/filter/index.html
+++ b/icon/filter/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-filter: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-filter: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-filter icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-filter icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-filter icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-filter icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-filter icon-2"></i>&nbsp;
+      <i class="fa fa-filter fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-filter fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-filter fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-filter fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-filter fa-2"></i>&nbsp;
       </span>
-      <i class="icon-filter icon-1"></i>
+      <i class="fa fa-filter fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-filter
+      fa-filter
       <small>
-        <i class="icon-filter"></i> &middot;
+        <i class="fa fa-filter"></i> &middot;
         Unicode: <span class="upper">f0b0</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-filter"></i> icon-filter
+            <i class="fa fa-filter"></i> fa-filter
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-filter&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-filter
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-filter&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/fire-extinguisher/index.html b/icon/fire-extinguisher/index.html
index 5a00fb90a..b599e1139 100644
--- a/icon/fire-extinguisher/index.html
+++ b/icon/fire-extinguisher/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-fire-extinguisher: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-fire-extinguisher: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-fire-extinguisher icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-fire-extinguisher icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-fire-extinguisher icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-fire-extinguisher icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-fire-extinguisher icon-2"></i>&nbsp;
+      <i class="fa fa-fire-extinguisher fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fire-extinguisher fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fire-extinguisher fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fire-extinguisher fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fire-extinguisher fa-2"></i>&nbsp;
       </span>
-      <i class="icon-fire-extinguisher icon-1"></i>
+      <i class="fa fa-fire-extinguisher fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-fire-extinguisher
+      fa-fire-extinguisher
       <small>
-        <i class="icon-fire-extinguisher"></i> &middot;
+        <i class="fa fa-fire-extinguisher"></i> &middot;
         Unicode: <span class="upper">f134</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-fire-extinguisher"></i> fa-fire-extinguisher
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fire-extinguisher&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-fire-extinguisher
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fire-extinguisher&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/fire/index.html b/icon/fire/index.html
index 6ca70f8b1..6b1f87a04 100644
--- a/icon/fire/index.html
+++ b/icon/fire/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-fire: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-fire: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-fire icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-fire icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-fire icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-fire icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-fire icon-2"></i>&nbsp;
+      <i class="fa fa-fire fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fire fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fire fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fire fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fire fa-2"></i>&nbsp;
       </span>
-      <i class="icon-fire icon-1"></i>
+      <i class="fa fa-fire fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-fire
+      fa-fire
       <small>
-        <i class="icon-fire"></i> &middot;
+        <i class="fa fa-fire"></i> &middot;
         Unicode: <span class="upper">f06d</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-fire"></i> icon-fire
+            <i class="fa fa-fire"></i> fa-fire
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fire&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-fire
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fire&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/flag-checkered/index.html b/icon/flag-checkered/index.html
index 972ebefae..2657356dc 100644
--- a/icon/flag-checkered/index.html
+++ b/icon/flag-checkered/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-flag-checkered: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-flag-checkered: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-flag-checkered icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-flag-checkered icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-flag-checkered icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-flag-checkered icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-flag-checkered icon-2"></i>&nbsp;
+      <i class="fa fa-flag-checkered fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-flag-checkered fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-flag-checkered fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-flag-checkered fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-flag-checkered fa-2"></i>&nbsp;
       </span>
-      <i class="icon-flag-checkered icon-1"></i>
+      <i class="fa fa-flag-checkered fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-flag-checkered
+      fa-flag-checkered
       <small>
-        <i class="icon-flag-checkered"></i> &middot;
+        <i class="fa fa-flag-checkered"></i> &middot;
         Unicode: <span class="upper">f11e</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-flag-checkered"></i> fa-flag-checkered
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-flag-checkered&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-flag-checkered
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flag-checkered&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/flag-o/index.html b/icon/flag-o/index.html
new file mode 100644
index 000000000..5b5ca64b7
--- /dev/null
+++ b/icon/flag-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-flag-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-flag-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-flag-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-flag-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-flag-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-flag-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-flag-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-flag-o
+      <small>
+        <i class="fa fa-flag-o"></i> &middot;
+        Unicode: <span class="upper">f11d</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-flag-o"></i> fa-flag-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flag-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-flag-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/flag/index.html b/icon/flag/index.html
index 7f9c8e974..c7c719417 100644
--- a/icon/flag/index.html
+++ b/icon/flag/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-flag: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-flag: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-flag icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-flag icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-flag icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-flag icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-flag icon-2"></i>&nbsp;
+      <i class="fa fa-flag fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-flag fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-flag fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-flag fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-flag fa-2"></i>&nbsp;
       </span>
-      <i class="icon-flag icon-1"></i>
+      <i class="fa fa-flag fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-flag
+      fa-flag
       <small>
-        <i class="icon-flag"></i> &middot;
+        <i class="fa fa-flag"></i> &middot;
         Unicode: <span class="upper">f024</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-flag"></i> icon-flag
+            <i class="fa fa-flag"></i> fa-flag
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-flag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-flag
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/flask/index.html b/icon/flask/index.html
new file mode 100644
index 000000000..25cbd0def
--- /dev/null
+++ b/icon/flask/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-flask: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-flask fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-flask fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-flask fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-flask fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-flask fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-flask fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-flask
+      <small>
+        <i class="fa fa-flask"></i> &middot;
+        Unicode: <span class="upper">f0c3</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-flask"></i> fa-flask
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flask&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-flask
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/flickr/index.html b/icon/flickr/index.html
index 5379f5fd7..b98ba6233 100644
--- a/icon/flickr/index.html
+++ b/icon/flickr/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-flickr: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-flickr: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-flickr icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-flickr icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-flickr icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-flickr icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-flickr icon-2"></i>&nbsp;
+      <i class="fa fa-flickr fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-flickr fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-flickr fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-flickr fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-flickr fa-2"></i>&nbsp;
       </span>
-      <i class="icon-flickr icon-1"></i>
+      <i class="fa fa-flickr fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-flickr
+      fa-flickr
       <small>
-        <i class="icon-flickr"></i> &middot;
+        <i class="fa fa-flickr"></i> &middot;
         Unicode: <span class="upper">f16e</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-flickr"></i> icon-flickr
+            <i class="fa fa-flickr"></i> fa-flickr
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-flickr&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-flickr
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-flickr&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/floppy-o/index.html b/icon/floppy-o/index.html
new file mode 100644
index 000000000..d1a62dbd7
--- /dev/null
+++ b/icon/floppy-o/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-floppy-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-floppy-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-floppy-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-floppy-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-floppy-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-floppy-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-floppy-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-floppy-o
+      <small>
+        <i class="fa fa-floppy-o"></i> &middot;
+        Unicode: <span class="upper">f0c7</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-save
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-floppy-o"></i> fa-floppy-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-floppy-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-floppy-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/folder-o/index.html b/icon/folder-o/index.html
new file mode 100644
index 000000000..ae7809cf4
--- /dev/null
+++ b/icon/folder-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-folder-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-folder-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-folder-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-folder-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-folder-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-folder-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-folder-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-folder-o
+      <small>
+        <i class="fa fa-folder-o"></i> &middot;
+        Unicode: <span class="upper">f114</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-folder-o"></i> fa-folder-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-folder-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-folder-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/folder-open-o/index.html b/icon/folder-open-o/index.html
new file mode 100644
index 000000000..996720602
--- /dev/null
+++ b/icon/folder-open-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-folder-open-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-folder-open-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-folder-open-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-folder-open-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-folder-open-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-folder-open-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-folder-open-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-folder-open-o
+      <small>
+        <i class="fa fa-folder-open-o"></i> &middot;
+        Unicode: <span class="upper">f115</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-folder-open-o"></i> fa-folder-open-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-folder-open-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-folder-open-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/folder-open/index.html b/icon/folder-open/index.html
index 306c57831..133b86f22 100644
--- a/icon/folder-open/index.html
+++ b/icon/folder-open/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-folder-open: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-folder-open: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-folder-open icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-folder-open icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-folder-open icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-folder-open icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-folder-open icon-2"></i>&nbsp;
+      <i class="fa fa-folder-open fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-folder-open fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-folder-open fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-folder-open fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-folder-open fa-2"></i>&nbsp;
       </span>
-      <i class="icon-folder-open icon-1"></i>
+      <i class="fa fa-folder-open fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-folder-open
+      fa-folder-open
       <small>
-        <i class="icon-folder-open"></i> &middot;
+        <i class="fa fa-folder-open"></i> &middot;
         Unicode: <span class="upper">f07c</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-folder-open"></i> fa-folder-open
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-folder-open&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-folder-open
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-folder-open&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/folder/index.html b/icon/folder/index.html
new file mode 100644
index 000000000..d08c09d8c
--- /dev/null
+++ b/icon/folder/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-folder: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-folder fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-folder fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-folder fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-folder fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-folder fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-folder fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-folder
+      <small>
+        <i class="fa fa-folder"></i> &middot;
+        Unicode: <span class="upper">f07b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-folder"></i> fa-folder
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-folder&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-folder
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/font/index.html b/icon/font/index.html
index 2a970e7c8..af1fbeb3e 100644
--- a/icon/font/index.html
+++ b/icon/font/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-font: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-font: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-font icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-font icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-font icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-font icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-font icon-2"></i>&nbsp;
+      <i class="fa fa-font fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-font fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-font fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-font fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-font fa-2"></i>&nbsp;
       </span>
-      <i class="icon-font icon-1"></i>
+      <i class="fa fa-font fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-font
+      fa-font
       <small>
-        <i class="icon-font"></i> &middot;
+        <i class="fa fa-font"></i> &middot;
         Unicode: <span class="upper">f031</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-font"></i> icon-font
+            <i class="fa fa-font"></i> fa-font
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-font&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-font
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-font&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/forward/index.html b/icon/forward/index.html
index c1484cc9a..438e5ec87 100644
--- a/icon/forward/index.html
+++ b/icon/forward/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-forward: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-forward: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-forward icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-forward icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-forward icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-forward icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-forward icon-2"></i>&nbsp;
+      <i class="fa fa-forward fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-forward fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-forward fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-forward fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-forward fa-2"></i>&nbsp;
       </span>
-      <i class="icon-forward icon-1"></i>
+      <i class="fa fa-forward fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-forward
+      fa-forward
       <small>
-        <i class="icon-forward"></i> &middot;
+        <i class="fa fa-forward"></i> &middot;
         Unicode: <span class="upper">f04e</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-forward"></i> icon-forward
+            <i class="fa fa-forward"></i> fa-forward
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-forward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-forward
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-forward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/foursquare/index.html b/icon/foursquare/index.html
index 23e71bb68..d233c5c63 100644
--- a/icon/foursquare/index.html
+++ b/icon/foursquare/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-foursquare: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-foursquare: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-foursquare icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-foursquare icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-foursquare icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-foursquare icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-foursquare icon-2"></i>&nbsp;
+      <i class="fa fa-foursquare fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-foursquare fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-foursquare fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-foursquare fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-foursquare fa-2"></i>&nbsp;
       </span>
-      <i class="icon-foursquare icon-1"></i>
+      <i class="fa fa-foursquare fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-foursquare
+      fa-foursquare
       <small>
-        <i class="icon-foursquare"></i> &middot;
+        <i class="fa fa-foursquare"></i> &middot;
         Unicode: <span class="upper">f180</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-foursquare"></i> icon-foursquare
+            <i class="fa fa-foursquare"></i> fa-foursquare
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-foursquare&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-foursquare
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-foursquare&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/frown-o/index.html b/icon/frown-o/index.html
new file mode 100644
index 000000000..dc274ec2d
--- /dev/null
+++ b/icon/frown-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-frown-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-frown-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-frown-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-frown-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-frown-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-frown-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-frown-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-frown-o
+      <small>
+        <i class="fa fa-frown-o"></i> &middot;
+        Unicode: <span class="upper">f119</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-frown-o"></i> fa-frown-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-frown-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-frown-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/fullscreen/index.html b/icon/fullscreen/index.html
index 05d44452e..13ec932b7 100644
--- a/icon/fullscreen/index.html
+++ b/icon/fullscreen/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-fullscreen: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-fullscreen: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-fullscreen icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-fullscreen icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-fullscreen icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-fullscreen icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-fullscreen icon-2"></i>&nbsp;
+      <i class="fa fa-fullscreen fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-fullscreen fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-fullscreen fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-fullscreen fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-fullscreen fa-2"></i>&nbsp;
       </span>
-      <i class="icon-fullscreen icon-1"></i>
+      <i class="fa fa-fullscreen fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-fullscreen
+      fa-fullscreen
       <small>
-        <i class="icon-fullscreen"></i> &middot;
+        <i class="fa fa-fullscreen"></i> &middot;
         Unicode: <span class="upper">f0b2</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-fullscreen"></i> icon-fullscreen
+            <i class="fa fa-fullscreen"></i> fa-fullscreen
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-fullscreen&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-fullscreen
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-fullscreen&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/gamepad/index.html b/icon/gamepad/index.html
index 0bd4ffea8..40862dd2b 100644
--- a/icon/gamepad/index.html
+++ b/icon/gamepad/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-gamepad: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-gamepad: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-gamepad icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-gamepad icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-gamepad icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-gamepad icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-gamepad icon-2"></i>&nbsp;
+      <i class="fa fa-gamepad fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-gamepad fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-gamepad fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-gamepad fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-gamepad fa-2"></i>&nbsp;
       </span>
-      <i class="icon-gamepad icon-1"></i>
+      <i class="fa fa-gamepad fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-gamepad
+      fa-gamepad
       <small>
-        <i class="icon-gamepad"></i> &middot;
+        <i class="fa fa-gamepad"></i> &middot;
         Unicode: <span class="upper">f11b</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-gamepad"></i> icon-gamepad
+            <i class="fa fa-gamepad"></i> fa-gamepad
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-gamepad&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-gamepad
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-gamepad&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/gavel/index.html b/icon/gavel/index.html
new file mode 100644
index 000000000..f38261aca
--- /dev/null
+++ b/icon/gavel/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-gavel: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-gavel fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-gavel fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-gavel fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-gavel fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-gavel fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-gavel fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-gavel
+      <small>
+        <i class="fa fa-gavel"></i> &middot;
+        Unicode: <span class="upper">f0e3</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-legal
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-gavel"></i> fa-gavel
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-gavel&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-gavel
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/gbp/index.html b/icon/gbp/index.html
index 87d4317b8..d978f6d17 100644
--- a/icon/gbp/index.html
+++ b/icon/gbp/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-gbp: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-gbp: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-gbp icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-gbp icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-gbp icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-gbp icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-gbp icon-2"></i>&nbsp;
+      <i class="fa fa-gbp fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-gbp fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-gbp fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-gbp fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-gbp fa-2"></i>&nbsp;
       </span>
-      <i class="icon-gbp icon-1"></i>
+      <i class="fa fa-gbp fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-gbp
+      fa-gbp
       <small>
-        <i class="icon-gbp"></i> &middot;
+        <i class="fa fa-gbp"></i> &middot;
         Unicode: <span class="upper">f154</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-gbp"></i> icon-gbp
+            <i class="fa fa-gbp"></i> fa-gbp
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-gbp&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-gbp
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-gbp&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/gift/index.html b/icon/gift/index.html
index 88f346491..43f0c47fb 100644
--- a/icon/gift/index.html
+++ b/icon/gift/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-gift: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-gift: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-gift icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-gift icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-gift icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-gift icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-gift icon-2"></i>&nbsp;
+      <i class="fa fa-gift fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-gift fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-gift fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-gift fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-gift fa-2"></i>&nbsp;
       </span>
-      <i class="icon-gift icon-1"></i>
+      <i class="fa fa-gift fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-gift
+      fa-gift
       <small>
-        <i class="icon-gift"></i> &middot;
+        <i class="fa fa-gift"></i> &middot;
         Unicode: <span class="upper">f06b</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-gift"></i> icon-gift
+            <i class="fa fa-gift"></i> fa-gift
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-gift&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-gift
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-gift&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/github-alt/index.html b/icon/github-alt/index.html
index eacd12e34..16924de88 100644
--- a/icon/github-alt/index.html
+++ b/icon/github-alt/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-github-alt: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-github-alt: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-github-alt icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-github-alt icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-github-alt icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-github-alt icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-github-alt icon-2"></i>&nbsp;
+      <i class="fa fa-github-alt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-github-alt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-github-alt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-github-alt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-github-alt fa-2"></i>&nbsp;
       </span>
-      <i class="icon-github-alt icon-1"></i>
+      <i class="fa fa-github-alt fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-github-alt
+      fa-github-alt
       <small>
-        <i class="icon-github-alt"></i> &middot;
+        <i class="fa fa-github-alt"></i> &middot;
         Unicode: <span class="upper">f113</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-github-alt"></i> fa-github-alt
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-github-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-github-alt
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-github-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/github-square/index.html b/icon/github-square/index.html
new file mode 100644
index 000000000..a02833b1a
--- /dev/null
+++ b/icon/github-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-github-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-github-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-github-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-github-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-github-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-github-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-github-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-github-square
+      <small>
+        <i class="fa fa-github-square"></i> &middot;
+        Unicode: <span class="upper">f092</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-github-square"></i> fa-github-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-github-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-github-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/github/index.html b/icon/github/index.html
index 102ce0ffa..46f0cf02c 100644
--- a/icon/github/index.html
+++ b/icon/github/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-github: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-github: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-github icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-github icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-github icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-github icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-github icon-2"></i>&nbsp;
+      <i class="fa fa-github fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-github fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-github fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-github fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-github fa-2"></i>&nbsp;
       </span>
-      <i class="icon-github icon-1"></i>
+      <i class="fa fa-github fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-github
+      fa-github
       <small>
-        <i class="icon-github"></i> &middot;
+        <i class="fa fa-github"></i> &middot;
         Unicode: <span class="upper">f09b</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-github"></i> icon-github
+            <i class="fa fa-github"></i> fa-github
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-github&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-github
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-github&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/gittip/index.html b/icon/gittip/index.html
index 620da7fb1..79019a8f7 100644
--- a/icon/gittip/index.html
+++ b/icon/gittip/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-gittip: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-gittip: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-gittip icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-gittip icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-gittip icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-gittip icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-gittip icon-2"></i>&nbsp;
+      <i class="fa fa-gittip fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-gittip fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-gittip fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-gittip fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-gittip fa-2"></i>&nbsp;
       </span>
-      <i class="icon-gittip icon-1"></i>
+      <i class="fa fa-gittip fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-gittip
+      fa-gittip
       <small>
-        <i class="icon-gittip"></i> &middot;
+        <i class="fa fa-gittip"></i> &middot;
         Unicode: <span class="upper">f184</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-gittip"></i> icon-gittip
+            <i class="fa fa-gittip"></i> fa-gittip
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-gittip&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-gittip
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-gittip&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/glass/index.html b/icon/glass/index.html
index b03e4d7e2..185bcc50f 100644
--- a/icon/glass/index.html
+++ b/icon/glass/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-glass: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-glass: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-glass icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-glass icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-glass icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-glass icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-glass icon-2"></i>&nbsp;
+      <i class="fa fa-glass fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-glass fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-glass fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-glass fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-glass fa-2"></i>&nbsp;
       </span>
-      <i class="icon-glass icon-1"></i>
+      <i class="fa fa-glass fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-glass
+      fa-glass
       <small>
-        <i class="icon-glass"></i> &middot;
+        <i class="fa fa-glass"></i> &middot;
         Unicode: <span class="upper">f000</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-glass"></i> icon-glass
+            <i class="fa fa-glass"></i> fa-glass
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-glass&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-glass
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-glass&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/globe/index.html b/icon/globe/index.html
index 4892bfee1..bc2414608 100644
--- a/icon/globe/index.html
+++ b/icon/globe/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-globe: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-globe: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-globe icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-globe icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-globe icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-globe icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-globe icon-2"></i>&nbsp;
+      <i class="fa fa-globe fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-globe fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-globe fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-globe fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-globe fa-2"></i>&nbsp;
       </span>
-      <i class="icon-globe icon-1"></i>
+      <i class="fa fa-globe fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-globe
+      fa-globe
       <small>
-        <i class="icon-globe"></i> &middot;
+        <i class="fa fa-globe"></i> &middot;
         Unicode: <span class="upper">f0ac</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-globe"></i> icon-globe
+            <i class="fa fa-globe"></i> fa-globe
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-globe&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-globe
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-globe&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/google-plus-square/index.html b/icon/google-plus-square/index.html
new file mode 100644
index 000000000..fd5201a7f
--- /dev/null
+++ b/icon/google-plus-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-google-plus-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-google-plus-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-google-plus-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-google-plus-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-google-plus-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-google-plus-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-google-plus-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-google-plus-square
+      <small>
+        <i class="fa fa-google-plus-square"></i> &middot;
+        Unicode: <span class="upper">f0d4</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-google-plus-square"></i> fa-google-plus-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-google-plus-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-google-plus-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/google-plus/index.html b/icon/google-plus/index.html
index b274b770f..8bf50d68d 100644
--- a/icon/google-plus/index.html
+++ b/icon/google-plus/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-google-plus: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-google-plus: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-google-plus icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-google-plus icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-google-plus icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-google-plus icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-google-plus icon-2"></i>&nbsp;
+      <i class="fa fa-google-plus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-google-plus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-google-plus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-google-plus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-google-plus fa-2"></i>&nbsp;
       </span>
-      <i class="icon-google-plus icon-1"></i>
+      <i class="fa fa-google-plus fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-google-plus
+      fa-google-plus
       <small>
-        <i class="icon-google-plus"></i> &middot;
+        <i class="fa fa-google-plus"></i> &middot;
         Unicode: <span class="upper">f0d5</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-google-plus"></i> fa-google-plus
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-google-plus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-google-plus
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-google-plus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/group/index.html b/icon/group/index.html
index 27d3857e3..6c22e1d6b 100644
--- a/icon/group/index.html
+++ b/icon/group/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-group: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-group: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-group icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-group icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-group icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-group icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-group icon-2"></i>&nbsp;
+      <i class="fa fa-group fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-group fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-group fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-group fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-group fa-2"></i>&nbsp;
       </span>
-      <i class="icon-group icon-1"></i>
+      <i class="fa fa-group fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-group
+      fa-group
       <small>
-        <i class="icon-group"></i> &middot;
+        <i class="fa fa-group"></i> &middot;
         Unicode: <span class="upper">f0c0</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-group"></i> icon-group
+            <i class="fa fa-group"></i> fa-group
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-group&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-group
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-group&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/h-square/index.html b/icon/h-square/index.html
new file mode 100644
index 000000000..559e99b5c
--- /dev/null
+++ b/icon/h-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-h-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-h-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-h-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-h-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-h-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-h-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-h-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-h-square
+      <small>
+        <i class="fa fa-h-square"></i> &middot;
+        Unicode: <span class="upper">f0fd</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Medical Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-h-square"></i> fa-h-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-h-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-h-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/hand-o-down/index.html b/icon/hand-o-down/index.html
new file mode 100644
index 000000000..98c647d16
--- /dev/null
+++ b/icon/hand-o-down/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-hand-o-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-o-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-o-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-o-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-o-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-o-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-o-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-o-down
+      <small>
+        <i class="fa fa-hand-o-down"></i> &middot;
+        Unicode: <span class="upper">f0a7</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-o-down"></i> fa-hand-o-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-o-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-hand-o-down
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/hand-o-left/index.html b/icon/hand-o-left/index.html
new file mode 100644
index 000000000..eb87a972e
--- /dev/null
+++ b/icon/hand-o-left/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-hand-o-left: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-o-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-o-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-o-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-o-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-o-left fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-o-left fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-o-left
+      <small>
+        <i class="fa fa-hand-o-left"></i> &middot;
+        Unicode: <span class="upper">f0a5</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-o-left"></i> fa-hand-o-left
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-o-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-hand-o-left
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/hand-o-right/index.html b/icon/hand-o-right/index.html
new file mode 100644
index 000000000..b3e6b5803
--- /dev/null
+++ b/icon/hand-o-right/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-hand-o-right: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-o-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-o-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-o-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-o-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-o-right fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-o-right fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-o-right
+      <small>
+        <i class="fa fa-hand-o-right"></i> &middot;
+        Unicode: <span class="upper">f0a4</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-o-right"></i> fa-hand-o-right
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-o-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-hand-o-right
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/hand-o-up/index.html b/icon/hand-o-up/index.html
new file mode 100644
index 000000000..f7100e113
--- /dev/null
+++ b/icon/hand-o-up/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-hand-o-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-hand-o-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hand-o-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hand-o-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hand-o-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hand-o-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-hand-o-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-hand-o-up
+      <small>
+        <i class="fa fa-hand-o-up"></i> &middot;
+        Unicode: <span class="upper">f0a6</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Directional Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-hand-o-up"></i> fa-hand-o-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hand-o-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-hand-o-up
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/hdd/index.html b/icon/hdd/index.html
index 5d9418d42..aba07e48d 100644
--- a/icon/hdd/index.html
+++ b/icon/hdd/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-hdd: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-hdd: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-hdd icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-hdd icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-hdd icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-hdd icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-hdd icon-2"></i>&nbsp;
+      <i class="fa fa-hdd fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hdd fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hdd fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hdd fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hdd fa-2"></i>&nbsp;
       </span>
-      <i class="icon-hdd icon-1"></i>
+      <i class="fa fa-hdd fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-hdd
+      fa-hdd
       <small>
-        <i class="icon-hdd"></i> &middot;
+        <i class="fa fa-hdd"></i> &middot;
         Unicode: <span class="upper">f0a0</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-hdd"></i> icon-hdd
+            <i class="fa fa-hdd"></i> fa-hdd
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-hdd&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-hdd
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hdd&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/headphones/index.html b/icon/headphones/index.html
index 643ba0ca3..c3bb61b81 100644
--- a/icon/headphones/index.html
+++ b/icon/headphones/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-headphones: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-headphones: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-headphones icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-headphones icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-headphones icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-headphones icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-headphones icon-2"></i>&nbsp;
+      <i class="fa fa-headphones fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-headphones fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-headphones fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-headphones fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-headphones fa-2"></i>&nbsp;
       </span>
-      <i class="icon-headphones icon-1"></i>
+      <i class="fa fa-headphones fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-headphones
+      fa-headphones
       <small>
-        <i class="icon-headphones"></i> &middot;
+        <i class="fa fa-headphones"></i> &middot;
         Unicode: <span class="upper">f025</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-headphones"></i> icon-headphones
+            <i class="fa fa-headphones"></i> fa-headphones
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-headphones&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-headphones
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-headphones&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/heart-o/index.html b/icon/heart-o/index.html
new file mode 100644
index 000000000..da8bcfc53
--- /dev/null
+++ b/icon/heart-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-heart-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-heart-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-heart-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-heart-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-heart-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-heart-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-heart-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-heart-o
+      <small>
+        <i class="fa fa-heart-o"></i> &middot;
+        Unicode: <span class="upper">f08a</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-heart-o"></i> fa-heart-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-heart-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-heart-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/heart/index.html b/icon/heart/index.html
index 438b76809..9b4bc6347 100644
--- a/icon/heart/index.html
+++ b/icon/heart/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-heart: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-heart: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-heart icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-heart icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-heart icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-heart icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-heart icon-2"></i>&nbsp;
+      <i class="fa fa-heart fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-heart fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-heart fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-heart fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-heart fa-2"></i>&nbsp;
       </span>
-      <i class="icon-heart icon-1"></i>
+      <i class="fa fa-heart fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-heart
+      fa-heart
       <small>
-        <i class="icon-heart"></i> &middot;
+        <i class="fa fa-heart"></i> &middot;
         Unicode: <span class="upper">f004</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-heart"></i> icon-heart
+            <i class="fa fa-heart"></i> fa-heart
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-heart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-heart
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-heart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/home/index.html b/icon/home/index.html
index 28c9e505f..a88543235 100644
--- a/icon/home/index.html
+++ b/icon/home/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-home: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-home: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-home icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-home icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-home icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-home icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-home icon-2"></i>&nbsp;
+      <i class="fa fa-home fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-home fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-home fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-home fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-home fa-2"></i>&nbsp;
       </span>
-      <i class="icon-home icon-1"></i>
+      <i class="fa fa-home fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-home
+      fa-home
       <small>
-        <i class="icon-home"></i> &middot;
+        <i class="fa fa-home"></i> &middot;
         Unicode: <span class="upper">f015</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-home"></i> icon-home
+            <i class="fa fa-home"></i> fa-home
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-home&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-home
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-home&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/hospital/index.html b/icon/hospital/index.html
index c349211b4..d378de520 100644
--- a/icon/hospital/index.html
+++ b/icon/hospital/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-hospital: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-hospital: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-hospital icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-hospital icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-hospital icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-hospital icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-hospital icon-2"></i>&nbsp;
+      <i class="fa fa-hospital fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-hospital fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-hospital fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-hospital fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-hospital fa-2"></i>&nbsp;
       </span>
-      <i class="icon-hospital icon-1"></i>
+      <i class="fa fa-hospital fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-hospital
+      fa-hospital
       <small>
-        <i class="icon-hospital"></i> &middot;
+        <i class="fa fa-hospital"></i> &middot;
         Unicode: <span class="upper">f0f8</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-hospital"></i> icon-hospital
+            <i class="fa fa-hospital"></i> fa-hospital
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-hospital&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-hospital
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-hospital&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/html5/index.html b/icon/html5/index.html
index 0485a6d50..7696baa0f 100644
--- a/icon/html5/index.html
+++ b/icon/html5/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-html5: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-html5: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-html5 icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-html5 icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-html5 icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-html5 icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-html5 icon-2"></i>&nbsp;
+      <i class="fa fa-html5 fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-html5 fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-html5 fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-html5 fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-html5 fa-2"></i>&nbsp;
       </span>
-      <i class="icon-html5 icon-1"></i>
+      <i class="fa fa-html5 fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-html5
+      fa-html5
       <small>
-        <i class="icon-html5"></i> &middot;
+        <i class="fa fa-html5"></i> &middot;
         Unicode: <span class="upper">f13b</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-html5"></i> icon-html5
+            <i class="fa fa-html5"></i> fa-html5
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-html5&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-html5
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-html5&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/inbox/index.html b/icon/inbox/index.html
index 77f22e67e..6e19930a6 100644
--- a/icon/inbox/index.html
+++ b/icon/inbox/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-inbox: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-inbox: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-inbox icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-inbox icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-inbox icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-inbox icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-inbox icon-2"></i>&nbsp;
+      <i class="fa fa-inbox fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-inbox fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-inbox fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-inbox fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-inbox fa-2"></i>&nbsp;
       </span>
-      <i class="icon-inbox icon-1"></i>
+      <i class="fa fa-inbox fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-inbox
+      fa-inbox
       <small>
-        <i class="icon-inbox"></i> &middot;
+        <i class="fa fa-inbox"></i> &middot;
         Unicode: <span class="upper">f01c</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-inbox"></i> icon-inbox
+            <i class="fa fa-inbox"></i> fa-inbox
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-inbox&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-inbox
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-inbox&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/indent/index.html b/icon/indent/index.html
new file mode 100644
index 000000000..7d093c7f6
--- /dev/null
+++ b/icon/indent/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-indent: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-indent fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-indent fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-indent fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-indent fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-indent fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-indent fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-indent
+      <small>
+        <i class="fa fa-indent"></i> &middot;
+        Unicode: <span class="upper">f03c</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-indent"></i> fa-indent
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-indent&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-indent
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/info-circle/index.html b/icon/info-circle/index.html
new file mode 100644
index 000000000..e74d1b1df
--- /dev/null
+++ b/icon/info-circle/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-info-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-info-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-info-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-info-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-info-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-info-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-info-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-info-circle
+      <small>
+        <i class="fa fa-info-circle"></i> &middot;
+        Unicode: <span class="upper">f05a</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-info-circle"></i> fa-info-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-info-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-info-circle
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/info/index.html b/icon/info/index.html
index 16cf35f2f..51c317a43 100644
--- a/icon/info/index.html
+++ b/icon/info/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-info: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-info: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-info icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-info icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-info icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-info icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-info icon-2"></i>&nbsp;
+      <i class="fa fa-info fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-info fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-info fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-info fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-info fa-2"></i>&nbsp;
       </span>
-      <i class="icon-info icon-1"></i>
+      <i class="fa fa-info fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-info
+      fa-info
       <small>
-        <i class="icon-info"></i> &middot;
+        <i class="fa fa-info"></i> &middot;
         Unicode: <span class="upper">f129</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-info"></i> icon-info
+            <i class="fa fa-info"></i> fa-info
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-info&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-info
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-info&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/inr/index.html b/icon/inr/index.html
index 0282bbfd1..222614a16 100644
--- a/icon/inr/index.html
+++ b/icon/inr/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-inr: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-inr: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-inr icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-inr icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-inr icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-inr icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-inr icon-2"></i>&nbsp;
+      <i class="fa fa-inr fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-inr fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-inr fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-inr fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-inr fa-2"></i>&nbsp;
       </span>
-      <i class="icon-inr icon-1"></i>
+      <i class="fa fa-inr fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-inr
+      fa-inr
       <small>
-        <i class="icon-inr"></i> &middot;
+        <i class="fa fa-inr"></i> &middot;
         Unicode: <span class="upper">f156</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -144,7 +136,7 @@
         
           &middot; Aliases:
           
-            icon-rupee
+            fa-rupee
           
         
       </small>
@@ -155,20 +147,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-inr"></i> icon-inr
+            <i class="fa fa-inr"></i> fa-inr
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-inr&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-inr
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-inr&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -176,24 +168,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -204,9 +195,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/instagram/index.html b/icon/instagram/index.html
index a6bc13eb9..0ab909174 100644
--- a/icon/instagram/index.html
+++ b/icon/instagram/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-instagram: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-instagram: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-instagram icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-instagram icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-instagram icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-instagram icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-instagram icon-2"></i>&nbsp;
+      <i class="fa fa-instagram fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-instagram fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-instagram fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-instagram fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-instagram fa-2"></i>&nbsp;
       </span>
-      <i class="icon-instagram icon-1"></i>
+      <i class="fa fa-instagram fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-instagram
+      fa-instagram
       <small>
-        <i class="icon-instagram"></i> &middot;
+        <i class="fa fa-instagram"></i> &middot;
         Unicode: <span class="upper">f16d</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-instagram"></i> icon-instagram
+            <i class="fa fa-instagram"></i> fa-instagram
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-instagram&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-instagram
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-instagram&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/italic/index.html b/icon/italic/index.html
index 18695b563..1c21a18bc 100644
--- a/icon/italic/index.html
+++ b/icon/italic/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-italic: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-italic: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-italic icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-italic icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-italic icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-italic icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-italic icon-2"></i>&nbsp;
+      <i class="fa fa-italic fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-italic fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-italic fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-italic fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-italic fa-2"></i>&nbsp;
       </span>
-      <i class="icon-italic icon-1"></i>
+      <i class="fa fa-italic fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-italic
+      fa-italic
       <small>
-        <i class="icon-italic"></i> &middot;
+        <i class="fa fa-italic"></i> &middot;
         Unicode: <span class="upper">f033</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-italic"></i> icon-italic
+            <i class="fa fa-italic"></i> fa-italic
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-italic&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-italic
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-italic&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/jpy/index.html b/icon/jpy/index.html
index e2a9a00d4..af6dfb3dc 100644
--- a/icon/jpy/index.html
+++ b/icon/jpy/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-jpy: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-jpy: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-jpy icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-jpy icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-jpy icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-jpy icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-jpy icon-2"></i>&nbsp;
+      <i class="fa fa-jpy fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-jpy fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-jpy fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-jpy fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-jpy fa-2"></i>&nbsp;
       </span>
-      <i class="icon-jpy icon-1"></i>
+      <i class="fa fa-jpy fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-jpy
+      fa-jpy
       <small>
-        <i class="icon-jpy"></i> &middot;
+        <i class="fa fa-jpy"></i> &middot;
         Unicode: <span class="upper">f157</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -144,7 +136,11 @@
         
           &middot; Aliases:
           
-            icon-yen
+            fa-cny,
+          
+            fa-rmb,
+          
+            fa-yen
           
         
       </small>
@@ -155,20 +151,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-jpy"></i> icon-jpy
+            <i class="fa fa-jpy"></i> fa-jpy
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-jpy&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-jpy
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-jpy&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -176,24 +172,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -204,9 +199,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/key/index.html b/icon/key/index.html
index 7f661965d..87baac9a4 100644
--- a/icon/key/index.html
+++ b/icon/key/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-key: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-key: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-key icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-key icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-key icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-key icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-key icon-2"></i>&nbsp;
+      <i class="fa fa-key fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-key fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-key fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-key fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-key fa-2"></i>&nbsp;
       </span>
-      <i class="icon-key icon-1"></i>
+      <i class="fa fa-key fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-key
+      fa-key
       <small>
-        <i class="icon-key"></i> &middot;
+        <i class="fa fa-key"></i> &middot;
         Unicode: <span class="upper">f084</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-key"></i> icon-key
+            <i class="fa fa-key"></i> fa-key
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-key&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-key
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-key&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/keyboard-o/index.html b/icon/keyboard-o/index.html
new file mode 100644
index 000000000..1d0ac3319
--- /dev/null
+++ b/icon/keyboard-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-keyboard-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-keyboard-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-keyboard-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-keyboard-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-keyboard-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-keyboard-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-keyboard-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-keyboard-o
+      <small>
+        <i class="fa fa-keyboard-o"></i> &middot;
+        Unicode: <span class="upper">f11c</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-keyboard-o"></i> fa-keyboard-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-keyboard-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-keyboard-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/krw/index.html b/icon/krw/index.html
index 01ac3673b..ec9a0372a 100644
--- a/icon/krw/index.html
+++ b/icon/krw/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-krw: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-krw: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-krw icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-krw icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-krw icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-krw icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-krw icon-2"></i>&nbsp;
+      <i class="fa fa-krw fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-krw fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-krw fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-krw fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-krw fa-2"></i>&nbsp;
       </span>
-      <i class="icon-krw icon-1"></i>
+      <i class="fa fa-krw fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-krw
+      fa-krw
       <small>
-        <i class="icon-krw"></i> &middot;
+        <i class="fa fa-krw"></i> &middot;
         Unicode: <span class="upper">f159</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -144,7 +136,7 @@
         
           &middot; Aliases:
           
-            icon-won
+            fa-won
           
         
       </small>
@@ -155,20 +147,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-krw"></i> icon-krw
+            <i class="fa fa-krw"></i> fa-krw
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-krw&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-krw
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-krw&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -176,24 +168,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -204,9 +195,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/laptop/index.html b/icon/laptop/index.html
index d4d312fd7..2cd4db8d5 100644
--- a/icon/laptop/index.html
+++ b/icon/laptop/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-laptop: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-laptop: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-laptop icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-laptop icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-laptop icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-laptop icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-laptop icon-2"></i>&nbsp;
+      <i class="fa fa-laptop fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-laptop fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-laptop fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-laptop fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-laptop fa-2"></i>&nbsp;
       </span>
-      <i class="icon-laptop icon-1"></i>
+      <i class="fa fa-laptop fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-laptop
+      fa-laptop
       <small>
-        <i class="icon-laptop"></i> &middot;
+        <i class="fa fa-laptop"></i> &middot;
         Unicode: <span class="upper">f109</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-laptop"></i> icon-laptop
+            <i class="fa fa-laptop"></i> fa-laptop
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-laptop&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-laptop
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-laptop&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/leaf/index.html b/icon/leaf/index.html
index 63d7917c7..18a02cff8 100644
--- a/icon/leaf/index.html
+++ b/icon/leaf/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-leaf: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-leaf: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-leaf icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-leaf icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-leaf icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-leaf icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-leaf icon-2"></i>&nbsp;
+      <i class="fa fa-leaf fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-leaf fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-leaf fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-leaf fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-leaf fa-2"></i>&nbsp;
       </span>
-      <i class="icon-leaf icon-1"></i>
+      <i class="fa fa-leaf fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-leaf
+      fa-leaf
       <small>
-        <i class="icon-leaf"></i> &middot;
+        <i class="fa fa-leaf"></i> &middot;
         Unicode: <span class="upper">f06c</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-leaf"></i> icon-leaf
+            <i class="fa fa-leaf"></i> fa-leaf
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-leaf&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-leaf
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-leaf&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/lemon-o/index.html b/icon/lemon-o/index.html
new file mode 100644
index 000000000..50cd88afe
--- /dev/null
+++ b/icon/lemon-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-lemon-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-lemon-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-lemon-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-lemon-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-lemon-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-lemon-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-lemon-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-lemon-o
+      <small>
+        <i class="fa fa-lemon-o"></i> &middot;
+        Unicode: <span class="upper">f094</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-lemon-o"></i> fa-lemon-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-lemon-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-lemon-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/level-down/index.html b/icon/level-down/index.html
index 89f85d3d8..dada75c5c 100644
--- a/icon/level-down/index.html
+++ b/icon/level-down/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-level-down: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-level-down: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-level-down icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-level-down icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-level-down icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-level-down icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-level-down icon-2"></i>&nbsp;
+      <i class="fa fa-level-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-level-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-level-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-level-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-level-down fa-2"></i>&nbsp;
       </span>
-      <i class="icon-level-down icon-1"></i>
+      <i class="fa fa-level-down fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-level-down
+      fa-level-down
       <small>
-        <i class="icon-level-down"></i> &middot;
+        <i class="fa fa-level-down"></i> &middot;
         Unicode: <span class="upper">f149</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-level-down"></i> fa-level-down
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-level-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-level-down
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-level-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/level-up/index.html b/icon/level-up/index.html
index 9448afa64..382979be4 100644
--- a/icon/level-up/index.html
+++ b/icon/level-up/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-level-up: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-level-up: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-level-up icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-level-up icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-level-up icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-level-up icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-level-up icon-2"></i>&nbsp;
+      <i class="fa fa-level-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-level-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-level-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-level-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-level-up fa-2"></i>&nbsp;
       </span>
-      <i class="icon-level-up icon-1"></i>
+      <i class="fa fa-level-up fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-level-up
+      fa-level-up
       <small>
-        <i class="icon-level-up"></i> &middot;
+        <i class="fa fa-level-up"></i> &middot;
         Unicode: <span class="upper">f148</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-level-up"></i> fa-level-up
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-level-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-level-up
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-level-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/lightbulb-o/index.html b/icon/lightbulb-o/index.html
new file mode 100644
index 000000000..2c3a7b2b4
--- /dev/null
+++ b/icon/lightbulb-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-lightbulb-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-lightbulb-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-lightbulb-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-lightbulb-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-lightbulb-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-lightbulb-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-lightbulb-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-lightbulb-o
+      <small>
+        <i class="fa fa-lightbulb-o"></i> &middot;
+        Unicode: <span class="upper">f0eb</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-lightbulb-o"></i> fa-lightbulb-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-lightbulb-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-lightbulb-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/link/index.html b/icon/link/index.html
index 9dc11e1a5..b147ba469 100644
--- a/icon/link/index.html
+++ b/icon/link/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-link: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-link: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-link icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-link icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-link icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-link icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-link icon-2"></i>&nbsp;
+      <i class="fa fa-link fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-link fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-link fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-link fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-link fa-2"></i>&nbsp;
       </span>
-      <i class="icon-link icon-1"></i>
+      <i class="fa fa-link fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-link
+      fa-link
       <small>
-        <i class="icon-link"></i> &middot;
+        <i class="fa fa-link"></i> &middot;
         Unicode: <span class="upper">f0c1</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -142,6 +134,11 @@
         
         
         
+          &middot; Aliases:
+          
+            fa-chain
+          
+        
       </small>
     </h1>
   </div>
@@ -150,20 +147,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-link"></i> icon-link
+            <i class="fa fa-link"></i> fa-link
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-link&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-link
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-link&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +168,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +195,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/linkedin-square/index.html b/icon/linkedin-square/index.html
new file mode 100644
index 000000000..19247ee8b
--- /dev/null
+++ b/icon/linkedin-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-linkedin-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-linkedin-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-linkedin-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-linkedin-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-linkedin-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-linkedin-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-linkedin-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-linkedin-square
+      <small>
+        <i class="fa fa-linkedin-square"></i> &middot;
+        Unicode: <span class="upper">f08c</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-linkedin-square"></i> fa-linkedin-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-linkedin-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-linkedin-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/linkedin/index.html b/icon/linkedin/index.html
index 6fc122840..acafd541d 100644
--- a/icon/linkedin/index.html
+++ b/icon/linkedin/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-linkedin: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-linkedin: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-linkedin icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-linkedin icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-linkedin icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-linkedin icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-linkedin icon-2"></i>&nbsp;
+      <i class="fa fa-linkedin fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-linkedin fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-linkedin fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-linkedin fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-linkedin fa-2"></i>&nbsp;
       </span>
-      <i class="icon-linkedin icon-1"></i>
+      <i class="fa fa-linkedin fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-linkedin
+      fa-linkedin
       <small>
-        <i class="icon-linkedin"></i> &middot;
+        <i class="fa fa-linkedin"></i> &middot;
         Unicode: <span class="upper">f0e1</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-linkedin"></i> icon-linkedin
+            <i class="fa fa-linkedin"></i> fa-linkedin
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-linkedin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-linkedin
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-linkedin&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/linux/index.html b/icon/linux/index.html
index 983e10cf8..b87e819ed 100644
--- a/icon/linux/index.html
+++ b/icon/linux/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-linux: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-linux: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-linux icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-linux icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-linux icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-linux icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-linux icon-2"></i>&nbsp;
+      <i class="fa fa-linux fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-linux fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-linux fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-linux fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-linux fa-2"></i>&nbsp;
       </span>
-      <i class="icon-linux icon-1"></i>
+      <i class="fa fa-linux fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-linux
+      fa-linux
       <small>
-        <i class="icon-linux"></i> &middot;
+        <i class="fa fa-linux"></i> &middot;
         Unicode: <span class="upper">f17c</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-linux"></i> icon-linux
+            <i class="fa fa-linux"></i> fa-linux
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-linux&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-linux
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-linux&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/list-alt/index.html b/icon/list-alt/index.html
index 5a5fa668e..fd3d25ec7 100644
--- a/icon/list-alt/index.html
+++ b/icon/list-alt/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-list-alt: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-list-alt: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-list-alt icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-list-alt icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-list-alt icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-list-alt icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-list-alt icon-2"></i>&nbsp;
+      <i class="fa fa-list-alt fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-list-alt fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-list-alt fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-list-alt fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-list-alt fa-2"></i>&nbsp;
       </span>
-      <i class="icon-list-alt icon-1"></i>
+      <i class="fa fa-list-alt fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-list-alt
+      fa-list-alt
       <small>
-        <i class="icon-list-alt"></i> &middot;
+        <i class="fa fa-list-alt"></i> &middot;
         Unicode: <span class="upper">f022</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-list-alt"></i> fa-list-alt
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-list-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-list-alt
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-list-alt&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/list-ol/index.html b/icon/list-ol/index.html
index f8d995ca4..25da53829 100644
--- a/icon/list-ol/index.html
+++ b/icon/list-ol/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-list-ol: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-list-ol: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-list-ol icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-list-ol icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-list-ol icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-list-ol icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-list-ol icon-2"></i>&nbsp;
+      <i class="fa fa-list-ol fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-list-ol fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-list-ol fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-list-ol fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-list-ol fa-2"></i>&nbsp;
       </span>
-      <i class="icon-list-ol icon-1"></i>
+      <i class="fa fa-list-ol fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-list-ol
+      fa-list-ol
       <small>
-        <i class="icon-list-ol"></i> &middot;
+        <i class="fa fa-list-ol"></i> &middot;
         Unicode: <span class="upper">f0cb</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-list-ol"></i> fa-list-ol
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-list-ol&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-list-ol
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-list-ol&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/list-ul/index.html b/icon/list-ul/index.html
index 18216653f..3e5a746e7 100644
--- a/icon/list-ul/index.html
+++ b/icon/list-ul/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-list-ul: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-list-ul: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-list-ul icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-list-ul icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-list-ul icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-list-ul icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-list-ul icon-2"></i>&nbsp;
+      <i class="fa fa-list-ul fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-list-ul fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-list-ul fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-list-ul fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-list-ul fa-2"></i>&nbsp;
       </span>
-      <i class="icon-list-ul icon-1"></i>
+      <i class="fa fa-list-ul fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-list-ul
+      fa-list-ul
       <small>
-        <i class="icon-list-ul"></i> &middot;
+        <i class="fa fa-list-ul"></i> &middot;
         Unicode: <span class="upper">f0ca</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-list-ul"></i> fa-list-ul
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-list-ul&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-list-ul
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-list-ul&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/list/index.html b/icon/list/index.html
index 1a0207dee..19c258d44 100644
--- a/icon/list/index.html
+++ b/icon/list/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-list: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-list: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-list icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-list icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-list icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-list icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-list icon-2"></i>&nbsp;
+      <i class="fa fa-list fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-list fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-list fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-list fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-list fa-2"></i>&nbsp;
       </span>
-      <i class="icon-list icon-1"></i>
+      <i class="fa fa-list fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-list
+      fa-list
       <small>
-        <i class="icon-list"></i> &middot;
+        <i class="fa fa-list"></i> &middot;
         Unicode: <span class="upper">f03a</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-list"></i> icon-list
+            <i class="fa fa-list"></i> fa-list
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-list&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-list
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-list&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/location-arrow/index.html b/icon/location-arrow/index.html
index a12c8c16e..72fcddb62 100644
--- a/icon/location-arrow/index.html
+++ b/icon/location-arrow/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-location-arrow: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-location-arrow: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-location-arrow icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-location-arrow icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-location-arrow icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-location-arrow icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-location-arrow icon-2"></i>&nbsp;
+      <i class="fa fa-location-arrow fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-location-arrow fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-location-arrow fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-location-arrow fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-location-arrow fa-2"></i>&nbsp;
       </span>
-      <i class="icon-location-arrow icon-1"></i>
+      <i class="fa fa-location-arrow fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-location-arrow
+      fa-location-arrow
       <small>
-        <i class="icon-location-arrow"></i> &middot;
+        <i class="fa fa-location-arrow"></i> &middot;
         Unicode: <span class="upper">f124</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-location-arrow"></i> fa-location-arrow
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-location-arrow&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-location-arrow
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-location-arrow&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/lock/index.html b/icon/lock/index.html
index b0c06dfb5..c20f538b8 100644
--- a/icon/lock/index.html
+++ b/icon/lock/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-lock: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-lock: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-lock icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-lock icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-lock icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-lock icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-lock icon-2"></i>&nbsp;
+      <i class="fa fa-lock fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-lock fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-lock fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-lock fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-lock fa-2"></i>&nbsp;
       </span>
-      <i class="icon-lock icon-1"></i>
+      <i class="fa fa-lock fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-lock
+      fa-lock
       <small>
-        <i class="icon-lock"></i> &middot;
+        <i class="fa fa-lock"></i> &middot;
         Unicode: <span class="upper">f023</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-lock"></i> icon-lock
+            <i class="fa fa-lock"></i> fa-lock
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-lock&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-lock
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-lock&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/long-arrow-down/index.html b/icon/long-arrow-down/index.html
index 4de7c4082..507a51ef5 100644
--- a/icon/long-arrow-down/index.html
+++ b/icon/long-arrow-down/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-long-arrow-down: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-long-arrow-down: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-long-arrow-down icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-long-arrow-down icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-long-arrow-down icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-long-arrow-down icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-long-arrow-down icon-2"></i>&nbsp;
+      <i class="fa fa-long-arrow-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-long-arrow-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-long-arrow-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-long-arrow-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-long-arrow-down fa-2"></i>&nbsp;
       </span>
-      <i class="icon-long-arrow-down icon-1"></i>
+      <i class="fa fa-long-arrow-down fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-long-arrow-down
+      fa-long-arrow-down
       <small>
-        <i class="icon-long-arrow-down"></i> &middot;
+        <i class="fa fa-long-arrow-down"></i> &middot;
         Unicode: <span class="upper">f175</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-long-arrow-down"></i> fa-long-arrow-down
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-long-arrow-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-long-arrow-down
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-long-arrow-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/long-arrow-left/index.html b/icon/long-arrow-left/index.html
index 1b6d0ad53..6a33285b4 100644
--- a/icon/long-arrow-left/index.html
+++ b/icon/long-arrow-left/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-long-arrow-left: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-long-arrow-left: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-long-arrow-left icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-long-arrow-left icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-long-arrow-left icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-long-arrow-left icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-long-arrow-left icon-2"></i>&nbsp;
+      <i class="fa fa-long-arrow-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-long-arrow-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-long-arrow-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-long-arrow-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-long-arrow-left fa-2"></i>&nbsp;
       </span>
-      <i class="icon-long-arrow-left icon-1"></i>
+      <i class="fa fa-long-arrow-left fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-long-arrow-left
+      fa-long-arrow-left
       <small>
-        <i class="icon-long-arrow-left"></i> &middot;
+        <i class="fa fa-long-arrow-left"></i> &middot;
         Unicode: <span class="upper">f177</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-long-arrow-left"></i> fa-long-arrow-left
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-long-arrow-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-long-arrow-left
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-long-arrow-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/long-arrow-right/index.html b/icon/long-arrow-right/index.html
index 0b57a2b74..f9c5a0dda 100644
--- a/icon/long-arrow-right/index.html
+++ b/icon/long-arrow-right/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-long-arrow-right: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-long-arrow-right: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-long-arrow-right icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-long-arrow-right icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-long-arrow-right icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-long-arrow-right icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-long-arrow-right icon-2"></i>&nbsp;
+      <i class="fa fa-long-arrow-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-long-arrow-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-long-arrow-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-long-arrow-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-long-arrow-right fa-2"></i>&nbsp;
       </span>
-      <i class="icon-long-arrow-right icon-1"></i>
+      <i class="fa fa-long-arrow-right fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-long-arrow-right
+      fa-long-arrow-right
       <small>
-        <i class="icon-long-arrow-right"></i> &middot;
+        <i class="fa fa-long-arrow-right"></i> &middot;
         Unicode: <span class="upper">f178</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-long-arrow-right"></i> fa-long-arrow-right
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-long-arrow-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-long-arrow-right
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-long-arrow-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/long-arrow-up/index.html b/icon/long-arrow-up/index.html
index 2a8e10762..3c04d58ec 100644
--- a/icon/long-arrow-up/index.html
+++ b/icon/long-arrow-up/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-long-arrow-up: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-long-arrow-up: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-long-arrow-up icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-long-arrow-up icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-long-arrow-up icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-long-arrow-up icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-long-arrow-up icon-2"></i>&nbsp;
+      <i class="fa fa-long-arrow-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-long-arrow-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-long-arrow-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-long-arrow-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-long-arrow-up fa-2"></i>&nbsp;
       </span>
-      <i class="icon-long-arrow-up icon-1"></i>
+      <i class="fa fa-long-arrow-up fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-long-arrow-up
+      fa-long-arrow-up
       <small>
-        <i class="icon-long-arrow-up"></i> &middot;
+        <i class="fa fa-long-arrow-up"></i> &middot;
         Unicode: <span class="upper">f176</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-long-arrow-up"></i> fa-long-arrow-up
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-long-arrow-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-long-arrow-up
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-long-arrow-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/magic/index.html b/icon/magic/index.html
index b82bd1800..be0471de9 100644
--- a/icon/magic/index.html
+++ b/icon/magic/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-magic: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-magic: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-magic icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-magic icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-magic icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-magic icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-magic icon-2"></i>&nbsp;
+      <i class="fa fa-magic fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-magic fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-magic fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-magic fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-magic fa-2"></i>&nbsp;
       </span>
-      <i class="icon-magic icon-1"></i>
+      <i class="fa fa-magic fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-magic
+      fa-magic
       <small>
-        <i class="icon-magic"></i> &middot;
+        <i class="fa fa-magic"></i> &middot;
         Unicode: <span class="upper">f0d0</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-magic"></i> icon-magic
+            <i class="fa fa-magic"></i> fa-magic
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-magic&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-magic
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-magic&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/magnet/index.html b/icon/magnet/index.html
index 4efafbc60..8f15092c9 100644
--- a/icon/magnet/index.html
+++ b/icon/magnet/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-magnet: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-magnet: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-magnet icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-magnet icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-magnet icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-magnet icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-magnet icon-2"></i>&nbsp;
+      <i class="fa fa-magnet fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-magnet fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-magnet fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-magnet fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-magnet fa-2"></i>&nbsp;
       </span>
-      <i class="icon-magnet icon-1"></i>
+      <i class="fa fa-magnet fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-magnet
+      fa-magnet
       <small>
-        <i class="icon-magnet"></i> &middot;
+        <i class="fa fa-magnet"></i> &middot;
         Unicode: <span class="upper">f076</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-magnet"></i> icon-magnet
+            <i class="fa fa-magnet"></i> fa-magnet
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-magnet&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-magnet
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-magnet&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/mail-reply-all/index.html b/icon/mail-reply-all/index.html
index ed887beac..6017df2d2 100644
--- a/icon/mail-reply-all/index.html
+++ b/icon/mail-reply-all/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-mail-reply-all: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-mail-reply-all: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-mail-reply-all icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-mail-reply-all icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-mail-reply-all icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-mail-reply-all icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-mail-reply-all icon-2"></i>&nbsp;
+      <i class="fa fa-mail-reply-all fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-mail-reply-all fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-mail-reply-all fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-mail-reply-all fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-mail-reply-all fa-2"></i>&nbsp;
       </span>
-      <i class="icon-mail-reply-all icon-1"></i>
+      <i class="fa fa-mail-reply-all fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-mail-reply-all
+      fa-mail-reply-all
       <small>
-        <i class="icon-mail-reply-all"></i> &middot;
+        <i class="fa fa-mail-reply-all"></i> &middot;
         Unicode: <span class="upper">f122</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-mail-reply-all"></i> fa-mail-reply-all
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-mail-reply-all&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-mail-reply-all
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-mail-reply-all&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/male/index.html b/icon/male/index.html
index 56397b460..4b246061e 100644
--- a/icon/male/index.html
+++ b/icon/male/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-male: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-male: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-male icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-male icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-male icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-male icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-male icon-2"></i>&nbsp;
+      <i class="fa fa-male fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-male fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-male fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-male fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-male fa-2"></i>&nbsp;
       </span>
-      <i class="icon-male icon-1"></i>
+      <i class="fa fa-male fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-male
+      fa-male
       <small>
-        <i class="icon-male"></i> &middot;
+        <i class="fa fa-male"></i> &middot;
         Unicode: <span class="upper">f183</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-male"></i> icon-male
+            <i class="fa fa-male"></i> fa-male
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-male&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-male
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-male&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/map-marker/index.html b/icon/map-marker/index.html
index 4f1c90492..57487deb8 100644
--- a/icon/map-marker/index.html
+++ b/icon/map-marker/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-map-marker: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-map-marker: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-map-marker icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-map-marker icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-map-marker icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-map-marker icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-map-marker icon-2"></i>&nbsp;
+      <i class="fa fa-map-marker fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-map-marker fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-map-marker fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-map-marker fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-map-marker fa-2"></i>&nbsp;
       </span>
-      <i class="icon-map-marker icon-1"></i>
+      <i class="fa fa-map-marker fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-map-marker
+      fa-map-marker
       <small>
-        <i class="icon-map-marker"></i> &middot;
+        <i class="fa fa-map-marker"></i> &middot;
         Unicode: <span class="upper">f041</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-map-marker"></i> fa-map-marker
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-map-marker&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-map-marker
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-map-marker&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/maxcdn/index.html b/icon/maxcdn/index.html
index 77fe70504..a3361ebaa 100644
--- a/icon/maxcdn/index.html
+++ b/icon/maxcdn/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-maxcdn: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-maxcdn: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-maxcdn icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-maxcdn icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-maxcdn icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-maxcdn icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-maxcdn icon-2"></i>&nbsp;
+      <i class="fa fa-maxcdn fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-maxcdn fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-maxcdn fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-maxcdn fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-maxcdn fa-2"></i>&nbsp;
       </span>
-      <i class="icon-maxcdn icon-1"></i>
+      <i class="fa fa-maxcdn fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-maxcdn
+      fa-maxcdn
       <small>
-        <i class="icon-maxcdn"></i> &middot;
+        <i class="fa fa-maxcdn"></i> &middot;
         Unicode: <span class="upper">f136</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-maxcdn"></i> icon-maxcdn
+            <i class="fa fa-maxcdn"></i> fa-maxcdn
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-maxcdn&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-maxcdn
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-maxcdn&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/medkit/index.html b/icon/medkit/index.html
index 0dc6de676..14e2e5612 100644
--- a/icon/medkit/index.html
+++ b/icon/medkit/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-medkit: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-medkit: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-medkit icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-medkit icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-medkit icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-medkit icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-medkit icon-2"></i>&nbsp;
+      <i class="fa fa-medkit fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-medkit fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-medkit fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-medkit fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-medkit fa-2"></i>&nbsp;
       </span>
-      <i class="icon-medkit icon-1"></i>
+      <i class="fa fa-medkit fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-medkit
+      fa-medkit
       <small>
-        <i class="icon-medkit"></i> &middot;
+        <i class="fa fa-medkit"></i> &middot;
         Unicode: <span class="upper">f0fa</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-medkit"></i> icon-medkit
+            <i class="fa fa-medkit"></i> fa-medkit
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-medkit&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-medkit
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-medkit&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/meh-o/index.html b/icon/meh-o/index.html
new file mode 100644
index 000000000..1ea2dc4fe
--- /dev/null
+++ b/icon/meh-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-meh-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-meh-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-meh-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-meh-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-meh-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-meh-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-meh-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-meh-o
+      <small>
+        <i class="fa fa-meh-o"></i> &middot;
+        Unicode: <span class="upper">f11a</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-meh-o"></i> fa-meh-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-meh-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-meh-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/microphone-slash/index.html b/icon/microphone-slash/index.html
new file mode 100644
index 000000000..ffa4cfc63
--- /dev/null
+++ b/icon/microphone-slash/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-microphone-slash: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-microphone-slash fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-microphone-slash fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-microphone-slash fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-microphone-slash fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-microphone-slash fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-microphone-slash fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-microphone-slash
+      <small>
+        <i class="fa fa-microphone-slash"></i> &middot;
+        Unicode: <span class="upper">f131</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-microphone-slash"></i> fa-microphone-slash
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-microphone-slash&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-microphone-slash
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/microphone/index.html b/icon/microphone/index.html
index 194f14e00..1a9dc53ce 100644
--- a/icon/microphone/index.html
+++ b/icon/microphone/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-microphone: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-microphone: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-microphone icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-microphone icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-microphone icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-microphone icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-microphone icon-2"></i>&nbsp;
+      <i class="fa fa-microphone fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-microphone fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-microphone fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-microphone fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-microphone fa-2"></i>&nbsp;
       </span>
-      <i class="icon-microphone icon-1"></i>
+      <i class="fa fa-microphone fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-microphone
+      fa-microphone
       <small>
-        <i class="icon-microphone"></i> &middot;
+        <i class="fa fa-microphone"></i> &middot;
         Unicode: <span class="upper">f130</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-microphone"></i> icon-microphone
+            <i class="fa fa-microphone"></i> fa-microphone
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-microphone&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-microphone
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-microphone&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/minus-circle/index.html b/icon/minus-circle/index.html
new file mode 100644
index 000000000..42acdafb9
--- /dev/null
+++ b/icon/minus-circle/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-minus-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-minus-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-minus-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-minus-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-minus-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-minus-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-minus-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-minus-circle
+      <small>
+        <i class="fa fa-minus-circle"></i> &middot;
+        Unicode: <span class="upper">f056</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-minus-circle"></i> fa-minus-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-minus-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-minus-circle
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/minus-square-o/index.html b/icon/minus-square-o/index.html
new file mode 100644
index 000000000..fa35fe39a
--- /dev/null
+++ b/icon/minus-square-o/index.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-minus-square-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-minus-square-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-minus-square-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-minus-square-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-minus-square-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-minus-square-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-minus-square-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-minus-square-o
+      <small>
+        <i class="fa fa-minus-square-o"></i> &middot;
+        Unicode: <span class="upper">f147</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-minus-square-o"></i> fa-minus-square-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-minus-square-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-minus-square-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/minus-square/index.html b/icon/minus-square/index.html
new file mode 100644
index 000000000..67b9df22a
--- /dev/null
+++ b/icon/minus-square/index.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-minus-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-minus-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-minus-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-minus-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-minus-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-minus-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-minus-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-minus-square
+      <small>
+        <i class="fa fa-minus-square"></i> &middot;
+        Unicode: <span class="upper">f146</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-minus-square"></i> fa-minus-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-minus-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-minus-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/minus/index.html b/icon/minus/index.html
index 3b67868cd..c889a427c 100644
--- a/icon/minus/index.html
+++ b/icon/minus/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-minus: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-minus: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-minus icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-minus icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-minus icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-minus icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-minus icon-2"></i>&nbsp;
+      <i class="fa fa-minus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-minus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-minus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-minus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-minus fa-2"></i>&nbsp;
       </span>
-      <i class="icon-minus icon-1"></i>
+      <i class="fa fa-minus fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-minus
+      fa-minus
       <small>
-        <i class="icon-minus"></i> &middot;
+        <i class="fa fa-minus"></i> &middot;
         Unicode: <span class="upper">f068</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-minus"></i> icon-minus
+            <i class="fa fa-minus"></i> fa-minus
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-minus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-minus
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-minus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/mobile/index.html b/icon/mobile/index.html
new file mode 100644
index 000000000..bdc16ce68
--- /dev/null
+++ b/icon/mobile/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-mobile: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-mobile fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-mobile fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-mobile fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-mobile fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-mobile fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-mobile fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-mobile
+      <small>
+        <i class="fa fa-mobile"></i> &middot;
+        Unicode: <span class="upper">f10b</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-mobile-phone
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-mobile"></i> fa-mobile
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-mobile&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-mobile
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/money/index.html b/icon/money/index.html
index 034d08044..06f9dfdae 100644
--- a/icon/money/index.html
+++ b/icon/money/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-money: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-money: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,24 +113,26 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-money icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-money icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-money icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-money icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-money icon-2"></i>&nbsp;
+      <i class="fa fa-money fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-money fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-money fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-money fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-money fa-2"></i>&nbsp;
       </span>
-      <i class="icon-money icon-1"></i>
+      <i class="fa fa-money fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-money
+      fa-money
       <small>
-        <i class="icon-money"></i> &middot;
+        <i class="fa fa-money"></i> &middot;
         Unicode: <span class="upper">f0d6</span> &middot;
         Created: v2.0 &middot;
         Categories:
         
-          Web Application Icons
+          Web Application Icons,
+        
+          Currency Icons
         
         
         
@@ -150,20 +144,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-money"></i> icon-money
+            <i class="fa fa-money"></i> fa-money
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-money&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-money
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-money&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +165,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +192,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/moon-o/index.html b/icon/moon-o/index.html
new file mode 100644
index 000000000..3b12a993c
--- /dev/null
+++ b/icon/moon-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-moon-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-moon-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-moon-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-moon-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-moon-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-moon-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-moon-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-moon-o
+      <small>
+        <i class="fa fa-moon-o"></i> &middot;
+        Unicode: <span class="upper">f186</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-moon-o"></i> fa-moon-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-moon-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-moon-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/move/index.html b/icon/move/index.html
index 15b9dbf55..bb80151ae 100644
--- a/icon/move/index.html
+++ b/icon/move/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-move: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-move: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-move icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-move icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-move icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-move icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-move icon-2"></i>&nbsp;
+      <i class="fa fa-move fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-move fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-move fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-move fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-move fa-2"></i>&nbsp;
       </span>
-      <i class="icon-move icon-1"></i>
+      <i class="fa fa-move fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-move
+      fa-move
       <small>
-        <i class="icon-move"></i> &middot;
+        <i class="fa fa-move"></i> &middot;
         Unicode: <span class="upper">f047</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-move"></i> icon-move
+            <i class="fa fa-move"></i> fa-move
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-move&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-move
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-move&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/music/index.html b/icon/music/index.html
index 20b12e6b5..358d87e8e 100644
--- a/icon/music/index.html
+++ b/icon/music/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-music: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-music: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-music icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-music icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-music icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-music icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-music icon-2"></i>&nbsp;
+      <i class="fa fa-music fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-music fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-music fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-music fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-music fa-2"></i>&nbsp;
       </span>
-      <i class="icon-music icon-1"></i>
+      <i class="fa fa-music fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-music
+      fa-music
       <small>
-        <i class="icon-music"></i> &middot;
+        <i class="fa fa-music"></i> &middot;
         Unicode: <span class="upper">f001</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-music"></i> icon-music
+            <i class="fa fa-music"></i> fa-music
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-music&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-music
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-music&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/outdent/index.html b/icon/outdent/index.html
new file mode 100644
index 000000000..cae5b26b8
--- /dev/null
+++ b/icon/outdent/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-outdent: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-outdent fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-outdent fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-outdent fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-outdent fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-outdent fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-outdent fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-outdent
+      <small>
+        <i class="fa fa-outdent"></i> &middot;
+        Unicode: <span class="upper">f03b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-dedent
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-outdent"></i> fa-outdent
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-outdent&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-outdent
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/pagelines/index.html b/icon/pagelines/index.html
new file mode 100644
index 000000000..6a2e75893
--- /dev/null
+++ b/icon/pagelines/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-pagelines: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pagelines fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pagelines fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pagelines fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pagelines fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pagelines fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pagelines fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pagelines
+      <small>
+        <i class="fa fa-pagelines"></i> &middot;
+        Unicode: <span class="upper">f18c</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pagelines"></i> fa-pagelines
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pagelines&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-pagelines
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/paperclip/index.html b/icon/paperclip/index.html
new file mode 100644
index 000000000..a85b9eca8
--- /dev/null
+++ b/icon/paperclip/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-paperclip: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-paperclip fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-paperclip fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-paperclip fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-paperclip fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-paperclip fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-paperclip fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-paperclip
+      <small>
+        <i class="fa fa-paperclip"></i> &middot;
+        Unicode: <span class="upper">f0c6</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-paperclip"></i> fa-paperclip
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-paperclip&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-paperclip
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/pause/index.html b/icon/pause/index.html
index 74e629bcd..7e473e87c 100644
--- a/icon/pause/index.html
+++ b/icon/pause/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-pause: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-pause: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-pause icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-pause icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-pause icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-pause icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-pause icon-2"></i>&nbsp;
+      <i class="fa fa-pause fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pause fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pause fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pause fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pause fa-2"></i>&nbsp;
       </span>
-      <i class="icon-pause icon-1"></i>
+      <i class="fa fa-pause fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-pause
+      fa-pause
       <small>
-        <i class="icon-pause"></i> &middot;
+        <i class="fa fa-pause"></i> &middot;
         Unicode: <span class="upper">f04c</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-pause"></i> icon-pause
+            <i class="fa fa-pause"></i> fa-pause
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-pause&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-pause
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pause&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/pencil-square-o/index.html b/icon/pencil-square-o/index.html
new file mode 100644
index 000000000..3b51bc3aa
--- /dev/null
+++ b/icon/pencil-square-o/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-pencil-square-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pencil-square-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pencil-square-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pencil-square-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pencil-square-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pencil-square-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pencil-square-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pencil-square-o
+      <small>
+        <i class="fa fa-pencil-square-o"></i> &middot;
+        Unicode: <span class="upper">f044</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-edit
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pencil-square-o"></i> fa-pencil-square-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pencil-square-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-pencil-square-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/pencil-square/index.html b/icon/pencil-square/index.html
new file mode 100644
index 000000000..d5332a737
--- /dev/null
+++ b/icon/pencil-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-pencil-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pencil-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pencil-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pencil-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pencil-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pencil-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pencil-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pencil-square
+      <small>
+        <i class="fa fa-pencil-square"></i> &middot;
+        Unicode: <span class="upper">f14b</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pencil-square"></i> fa-pencil-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pencil-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-pencil-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/pencil/index.html b/icon/pencil/index.html
index fc624e017..65b8ce0cf 100644
--- a/icon/pencil/index.html
+++ b/icon/pencil/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-pencil: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-pencil: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-pencil icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-pencil icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-pencil icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-pencil icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-pencil icon-2"></i>&nbsp;
+      <i class="fa fa-pencil fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pencil fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pencil fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pencil fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pencil fa-2"></i>&nbsp;
       </span>
-      <i class="icon-pencil icon-1"></i>
+      <i class="fa fa-pencil fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-pencil
+      fa-pencil
       <small>
-        <i class="icon-pencil"></i> &middot;
+        <i class="fa fa-pencil"></i> &middot;
         Unicode: <span class="upper">f040</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-pencil"></i> icon-pencil
+            <i class="fa fa-pencil"></i> fa-pencil
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-pencil&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-pencil
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pencil&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/phone-square/index.html b/icon/phone-square/index.html
new file mode 100644
index 000000000..39fa95fd7
--- /dev/null
+++ b/icon/phone-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-phone-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-phone-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-phone-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-phone-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-phone-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-phone-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-phone-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-phone-square
+      <small>
+        <i class="fa fa-phone-square"></i> &middot;
+        Unicode: <span class="upper">f098</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-phone-square"></i> fa-phone-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-phone-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-phone-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/phone/index.html b/icon/phone/index.html
index f6195d2c8..2ba0ea939 100644
--- a/icon/phone/index.html
+++ b/icon/phone/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-phone: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-phone: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-phone icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-phone icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-phone icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-phone icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-phone icon-2"></i>&nbsp;
+      <i class="fa fa-phone fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-phone fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-phone fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-phone fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-phone fa-2"></i>&nbsp;
       </span>
-      <i class="icon-phone icon-1"></i>
+      <i class="fa fa-phone fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-phone
+      fa-phone
       <small>
-        <i class="icon-phone"></i> &middot;
+        <i class="fa fa-phone"></i> &middot;
         Unicode: <span class="upper">f095</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-phone"></i> icon-phone
+            <i class="fa fa-phone"></i> fa-phone
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-phone&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-phone
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-phone&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/picture-o/index.html b/icon/picture-o/index.html
new file mode 100644
index 000000000..3794d6007
--- /dev/null
+++ b/icon/picture-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-picture-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-picture-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-picture-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-picture-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-picture-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-picture-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-picture-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-picture-o
+      <small>
+        <i class="fa fa-picture-o"></i> &middot;
+        Unicode: <span class="upper">f03e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-picture-o"></i> fa-picture-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-picture-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-picture-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/pinterest-square/index.html b/icon/pinterest-square/index.html
new file mode 100644
index 000000000..f0af0c9bf
--- /dev/null
+++ b/icon/pinterest-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-pinterest-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-pinterest-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pinterest-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pinterest-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pinterest-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pinterest-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-pinterest-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-pinterest-square
+      <small>
+        <i class="fa fa-pinterest-square"></i> &middot;
+        Unicode: <span class="upper">f0d3</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-pinterest-square"></i> fa-pinterest-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pinterest-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-pinterest-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/pinterest/index.html b/icon/pinterest/index.html
index 89b5ddfc3..533123fdd 100644
--- a/icon/pinterest/index.html
+++ b/icon/pinterest/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-pinterest: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-pinterest: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-pinterest icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-pinterest icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-pinterest icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-pinterest icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-pinterest icon-2"></i>&nbsp;
+      <i class="fa fa-pinterest fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-pinterest fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-pinterest fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-pinterest fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-pinterest fa-2"></i>&nbsp;
       </span>
-      <i class="icon-pinterest icon-1"></i>
+      <i class="fa fa-pinterest fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-pinterest
+      fa-pinterest
       <small>
-        <i class="icon-pinterest"></i> &middot;
+        <i class="fa fa-pinterest"></i> &middot;
         Unicode: <span class="upper">f0d2</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-pinterest"></i> icon-pinterest
+            <i class="fa fa-pinterest"></i> fa-pinterest
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-pinterest&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-pinterest
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-pinterest&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/plane/index.html b/icon/plane/index.html
index 5f2c97b66..da052bb02 100644
--- a/icon/plane/index.html
+++ b/icon/plane/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-plane: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-plane: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-plane icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-plane icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-plane icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-plane icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-plane icon-2"></i>&nbsp;
+      <i class="fa fa-plane fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-plane fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-plane fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-plane fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-plane fa-2"></i>&nbsp;
       </span>
-      <i class="icon-plane icon-1"></i>
+      <i class="fa fa-plane fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-plane
+      fa-plane
       <small>
-        <i class="icon-plane"></i> &middot;
+        <i class="fa fa-plane"></i> &middot;
         Unicode: <span class="upper">f072</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-plane"></i> icon-plane
+            <i class="fa fa-plane"></i> fa-plane
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-plane&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-plane
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-plane&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/play-circle-o/index.html b/icon/play-circle-o/index.html
new file mode 100644
index 000000000..b48b5585c
--- /dev/null
+++ b/icon/play-circle-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-play-circle-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-play-circle-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-play-circle-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-play-circle-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-play-circle-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-play-circle-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-play-circle-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-play-circle-o
+      <small>
+        <i class="fa fa-play-circle-o"></i> &middot;
+        Unicode: <span class="upper">f01d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Video Player Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-play-circle-o"></i> fa-play-circle-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-play-circle-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-play-circle-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/play-circle/index.html b/icon/play-circle/index.html
index 1a2d2ef20..714b03536 100644
--- a/icon/play-circle/index.html
+++ b/icon/play-circle/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-play-circle: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-play-circle: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,21 +113,21 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-play-circle icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-play-circle icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-play-circle icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-play-circle icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-play-circle icon-2"></i>&nbsp;
+      <i class="fa fa-play-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-play-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-play-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-play-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-play-circle fa-2"></i>&nbsp;
       </span>
-      <i class="icon-play-circle icon-1"></i>
+      <i class="fa fa-play-circle fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-play-circle
+      fa-play-circle
       <small>
-        <i class="icon-play-circle"></i> &middot;
-        Unicode: <span class="upper">f01d</span> &middot;
-        Created: v1.0 &middot;
+        <i class="fa fa-play-circle"></i> &middot;
+        Unicode: <span class="upper">f144</span> &middot;
+        Created: v3.1 &middot;
         Categories:
         
           Video Player Icons
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-play-circle"></i> fa-play-circle
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-play-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-play-circle
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-play-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/play/index.html b/icon/play/index.html
index 79d140786..53b8c6535 100644
--- a/icon/play/index.html
+++ b/icon/play/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-play: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-play: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-play icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-play icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-play icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-play icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-play icon-2"></i>&nbsp;
+      <i class="fa fa-play fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-play fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-play fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-play fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-play fa-2"></i>&nbsp;
       </span>
-      <i class="icon-play icon-1"></i>
+      <i class="fa fa-play fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-play
+      fa-play
       <small>
-        <i class="icon-play"></i> &middot;
+        <i class="fa fa-play"></i> &middot;
         Unicode: <span class="upper">f04b</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-play"></i> icon-play
+            <i class="fa fa-play"></i> fa-play
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-play&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-play
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-play&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/plus-circle/index.html b/icon/plus-circle/index.html
new file mode 100644
index 000000000..66592612b
--- /dev/null
+++ b/icon/plus-circle/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-plus-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-plus-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-plus-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-plus-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-plus-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-plus-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-plus-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-plus-circle
+      <small>
+        <i class="fa fa-plus-circle"></i> &middot;
+        Unicode: <span class="upper">f055</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-plus-circle"></i> fa-plus-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-plus-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-plus-circle
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/plus-square/index.html b/icon/plus-square/index.html
new file mode 100644
index 000000000..8040da051
--- /dev/null
+++ b/icon/plus-square/index.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-plus-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-plus-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-plus-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-plus-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-plus-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-plus-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-plus-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-plus-square
+      <small>
+        <i class="fa fa-plus-square"></i> &middot;
+        Unicode: <span class="upper">f0fe</span> &middot;
+        Created: v3.0 &middot;
+        Categories:
+        
+          Medical Icons,
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-plus-square"></i> fa-plus-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-plus-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-plus-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/plus/index.html b/icon/plus/index.html
index 13f2b25b1..a3bf67cd3 100644
--- a/icon/plus/index.html
+++ b/icon/plus/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-plus: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-plus: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-plus icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-plus icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-plus icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-plus icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-plus icon-2"></i>&nbsp;
+      <i class="fa fa-plus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-plus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-plus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-plus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-plus fa-2"></i>&nbsp;
       </span>
-      <i class="icon-plus icon-1"></i>
+      <i class="fa fa-plus fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-plus
+      fa-plus
       <small>
-        <i class="icon-plus"></i> &middot;
+        <i class="fa fa-plus"></i> &middot;
         Unicode: <span class="upper">f067</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-plus"></i> icon-plus
+            <i class="fa fa-plus"></i> fa-plus
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-plus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-plus
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-plus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/power-off/index.html b/icon/power-off/index.html
new file mode 100644
index 000000000..c6400f005
--- /dev/null
+++ b/icon/power-off/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-power-off: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-power-off fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-power-off fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-power-off fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-power-off fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-power-off fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-power-off fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-power-off
+      <small>
+        <i class="fa fa-power-off"></i> &middot;
+        Unicode: <span class="upper">f011</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-power-off"></i> fa-power-off
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-power-off&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-power-off
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/print/index.html b/icon/print/index.html
index 32740b8ca..becfb56a9 100644
--- a/icon/print/index.html
+++ b/icon/print/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-print: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-print: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-print icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-print icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-print icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-print icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-print icon-2"></i>&nbsp;
+      <i class="fa fa-print fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-print fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-print fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-print fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-print fa-2"></i>&nbsp;
       </span>
-      <i class="icon-print icon-1"></i>
+      <i class="fa fa-print fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-print
+      fa-print
       <small>
-        <i class="icon-print"></i> &middot;
+        <i class="fa fa-print"></i> &middot;
         Unicode: <span class="upper">f02f</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-print"></i> icon-print
+            <i class="fa fa-print"></i> fa-print
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-print&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-print
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-print&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/puzzle-piece/index.html b/icon/puzzle-piece/index.html
index b0dd14237..645e87e6c 100644
--- a/icon/puzzle-piece/index.html
+++ b/icon/puzzle-piece/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-puzzle-piece: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-puzzle-piece: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-puzzle-piece icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-puzzle-piece icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-puzzle-piece icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-puzzle-piece icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-puzzle-piece icon-2"></i>&nbsp;
+      <i class="fa fa-puzzle-piece fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-puzzle-piece fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-puzzle-piece fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-puzzle-piece fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-puzzle-piece fa-2"></i>&nbsp;
       </span>
-      <i class="icon-puzzle-piece icon-1"></i>
+      <i class="fa fa-puzzle-piece fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-puzzle-piece
+      fa-puzzle-piece
       <small>
-        <i class="icon-puzzle-piece"></i> &middot;
+        <i class="fa fa-puzzle-piece"></i> &middot;
         Unicode: <span class="upper">f12e</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-puzzle-piece"></i> fa-puzzle-piece
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-puzzle-piece&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-puzzle-piece
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-puzzle-piece&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/qrcode/index.html b/icon/qrcode/index.html
index e3f6ed9ae..eb2560446 100644
--- a/icon/qrcode/index.html
+++ b/icon/qrcode/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-qrcode: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-qrcode: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-qrcode icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-qrcode icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-qrcode icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-qrcode icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-qrcode icon-2"></i>&nbsp;
+      <i class="fa fa-qrcode fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-qrcode fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-qrcode fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-qrcode fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-qrcode fa-2"></i>&nbsp;
       </span>
-      <i class="icon-qrcode icon-1"></i>
+      <i class="fa fa-qrcode fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-qrcode
+      fa-qrcode
       <small>
-        <i class="icon-qrcode"></i> &middot;
+        <i class="fa fa-qrcode"></i> &middot;
         Unicode: <span class="upper">f029</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-qrcode"></i> icon-qrcode
+            <i class="fa fa-qrcode"></i> fa-qrcode
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-qrcode&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-qrcode
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-qrcode&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/question-circle/index.html b/icon/question-circle/index.html
new file mode 100644
index 000000000..57b011910
--- /dev/null
+++ b/icon/question-circle/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-question-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-question-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-question-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-question-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-question-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-question-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-question-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-question-circle
+      <small>
+        <i class="fa fa-question-circle"></i> &middot;
+        Unicode: <span class="upper">f059</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-question-circle"></i> fa-question-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-question-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-question-circle
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/question/index.html b/icon/question/index.html
index 45b2e299b..6e91a6d2a 100644
--- a/icon/question/index.html
+++ b/icon/question/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-question: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-question: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-question icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-question icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-question icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-question icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-question icon-2"></i>&nbsp;
+      <i class="fa fa-question fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-question fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-question fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-question fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-question fa-2"></i>&nbsp;
       </span>
-      <i class="icon-question icon-1"></i>
+      <i class="fa fa-question fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-question
+      fa-question
       <small>
-        <i class="icon-question"></i> &middot;
+        <i class="fa fa-question"></i> &middot;
         Unicode: <span class="upper">f128</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-question"></i> icon-question
+            <i class="fa fa-question"></i> fa-question
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-question&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-question
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-question&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/quote-left/index.html b/icon/quote-left/index.html
index e3c3f208e..fdce6ba66 100644
--- a/icon/quote-left/index.html
+++ b/icon/quote-left/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-quote-left: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-quote-left: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-quote-left icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-quote-left icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-quote-left icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-quote-left icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-quote-left icon-2"></i>&nbsp;
+      <i class="fa fa-quote-left fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-quote-left fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-quote-left fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-quote-left fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-quote-left fa-2"></i>&nbsp;
       </span>
-      <i class="icon-quote-left icon-1"></i>
+      <i class="fa fa-quote-left fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-quote-left
+      fa-quote-left
       <small>
-        <i class="icon-quote-left"></i> &middot;
+        <i class="fa fa-quote-left"></i> &middot;
         Unicode: <span class="upper">f10d</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-quote-left"></i> fa-quote-left
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-quote-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-quote-left
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-quote-left&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/quote-right/index.html b/icon/quote-right/index.html
index c3f4d8ecc..f1fe1d695 100644
--- a/icon/quote-right/index.html
+++ b/icon/quote-right/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-quote-right: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-quote-right: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-quote-right icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-quote-right icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-quote-right icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-quote-right icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-quote-right icon-2"></i>&nbsp;
+      <i class="fa fa-quote-right fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-quote-right fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-quote-right fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-quote-right fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-quote-right fa-2"></i>&nbsp;
       </span>
-      <i class="icon-quote-right icon-1"></i>
+      <i class="fa fa-quote-right fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-quote-right
+      fa-quote-right
       <small>
-        <i class="icon-quote-right"></i> &middot;
+        <i class="fa fa-quote-right"></i> &middot;
         Unicode: <span class="upper">f10e</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-quote-right"></i> fa-quote-right
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-quote-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-quote-right
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-quote-right&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/random/index.html b/icon/random/index.html
index 0d20d95bf..131d83f9d 100644
--- a/icon/random/index.html
+++ b/icon/random/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-random: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-random: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-random icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-random icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-random icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-random icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-random icon-2"></i>&nbsp;
+      <i class="fa fa-random fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-random fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-random fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-random fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-random fa-2"></i>&nbsp;
       </span>
-      <i class="icon-random icon-1"></i>
+      <i class="fa fa-random fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-random
+      fa-random
       <small>
-        <i class="icon-random"></i> &middot;
+        <i class="fa fa-random"></i> &middot;
         Unicode: <span class="upper">f074</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-random"></i> icon-random
+            <i class="fa fa-random"></i> fa-random
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-random&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-random
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-random&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/refresh/index.html b/icon/refresh/index.html
index 2b21bd5fb..bdd4d63a0 100644
--- a/icon/refresh/index.html
+++ b/icon/refresh/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-refresh: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-refresh: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-refresh icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-refresh icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-refresh icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-refresh icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-refresh icon-2"></i>&nbsp;
+      <i class="fa fa-refresh fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-refresh fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-refresh fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-refresh fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-refresh fa-2"></i>&nbsp;
       </span>
-      <i class="icon-refresh icon-1"></i>
+      <i class="fa fa-refresh fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-refresh
+      fa-refresh
       <small>
-        <i class="icon-refresh"></i> &middot;
+        <i class="fa fa-refresh"></i> &middot;
         Unicode: <span class="upper">f021</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-refresh"></i> icon-refresh
+            <i class="fa fa-refresh"></i> fa-refresh
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-refresh&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-refresh
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-refresh&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/renren/index.html b/icon/renren/index.html
index e77e2fed4..8fd8c6cb0 100644
--- a/icon/renren/index.html
+++ b/icon/renren/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-renren: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-renren: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-renren icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-renren icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-renren icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-renren icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-renren icon-2"></i>&nbsp;
+      <i class="fa fa-renren fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-renren fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-renren fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-renren fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-renren fa-2"></i>&nbsp;
       </span>
-      <i class="icon-renren icon-1"></i>
+      <i class="fa fa-renren fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-renren
+      fa-renren
       <small>
-        <i class="icon-renren"></i> &middot;
+        <i class="fa fa-renren"></i> &middot;
         Unicode: <span class="upper">f18b</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-renren"></i> icon-renren
+            <i class="fa fa-renren"></i> fa-renren
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-renren&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-renren
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-renren&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/reorder/index.html b/icon/reorder/index.html
index 5ec292581..a9a5f9ee6 100644
--- a/icon/reorder/index.html
+++ b/icon/reorder/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-reorder: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-reorder: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-reorder icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-reorder icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-reorder icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-reorder icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-reorder icon-2"></i>&nbsp;
+      <i class="fa fa-reorder fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-reorder fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-reorder fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-reorder fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-reorder fa-2"></i>&nbsp;
       </span>
-      <i class="icon-reorder icon-1"></i>
+      <i class="fa fa-reorder fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-reorder
+      fa-reorder
       <small>
-        <i class="icon-reorder"></i> &middot;
+        <i class="fa fa-reorder"></i> &middot;
         Unicode: <span class="upper">f0c9</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-reorder"></i> icon-reorder
+            <i class="fa fa-reorder"></i> fa-reorder
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-reorder&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-reorder
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-reorder&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/repeat/index.html b/icon/repeat/index.html
index 1f32a2473..12733d6ff 100644
--- a/icon/repeat/index.html
+++ b/icon/repeat/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-repeat: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-repeat: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-repeat icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-repeat icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-repeat icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-repeat icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-repeat icon-2"></i>&nbsp;
+      <i class="fa fa-repeat fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-repeat fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-repeat fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-repeat fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-repeat fa-2"></i>&nbsp;
       </span>
-      <i class="icon-repeat icon-1"></i>
+      <i class="fa fa-repeat fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-repeat
+      fa-repeat
       <small>
-        <i class="icon-repeat"></i> &middot;
+        <i class="fa fa-repeat"></i> &middot;
         Unicode: <span class="upper">f01e</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -144,7 +136,7 @@
         
           &middot; Aliases:
           
-            icon-rotate-right
+            fa-rotate-right
           
         
       </small>
@@ -155,20 +147,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-repeat"></i> icon-repeat
+            <i class="fa fa-repeat"></i> fa-repeat
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-repeat&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-repeat
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-repeat&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -176,24 +168,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -204,9 +195,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/reply-all/index.html b/icon/reply-all/index.html
index c7da49619..8e776e5f2 100644
--- a/icon/reply-all/index.html
+++ b/icon/reply-all/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-reply-all: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-reply-all: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-reply-all icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-reply-all icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-reply-all icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-reply-all icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-reply-all icon-2"></i>&nbsp;
+      <i class="fa fa-reply-all fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-reply-all fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-reply-all fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-reply-all fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-reply-all fa-2"></i>&nbsp;
       </span>
-      <i class="icon-reply-all icon-1"></i>
+      <i class="fa fa-reply-all fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-reply-all
+      fa-reply-all
       <small>
-        <i class="icon-reply-all"></i> &middot;
+        <i class="fa fa-reply-all"></i> &middot;
         Unicode: <span class="upper">f122</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-reply-all"></i> fa-reply-all
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-reply-all&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-reply-all
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-reply-all&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/reply/index.html b/icon/reply/index.html
index d8dff552a..5d985fd52 100644
--- a/icon/reply/index.html
+++ b/icon/reply/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-reply: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-reply: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-reply icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-reply icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-reply icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-reply icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-reply icon-2"></i>&nbsp;
+      <i class="fa fa-reply fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-reply fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-reply fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-reply fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-reply fa-2"></i>&nbsp;
       </span>
-      <i class="icon-reply icon-1"></i>
+      <i class="fa fa-reply fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-reply
+      fa-reply
       <small>
-        <i class="icon-reply"></i> &middot;
+        <i class="fa fa-reply"></i> &middot;
         Unicode: <span class="upper">f112</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -144,7 +136,7 @@
         
           &middot; Aliases:
           
-            icon-mail-reply
+            fa-mail-reply
           
         
       </small>
@@ -155,20 +147,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-reply"></i> icon-reply
+            <i class="fa fa-reply"></i> fa-reply
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-reply&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-reply
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-reply&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -176,24 +168,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -204,9 +195,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/resize-full/index.html b/icon/resize-full/index.html
index d22857883..2d253d1da 100644
--- a/icon/resize-full/index.html
+++ b/icon/resize-full/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-resize-full: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-resize-full: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-resize-full icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-resize-full icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-resize-full icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-resize-full icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-resize-full icon-2"></i>&nbsp;
+      <i class="fa fa-resize-full fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-resize-full fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-resize-full fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-resize-full fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-resize-full fa-2"></i>&nbsp;
       </span>
-      <i class="icon-resize-full icon-1"></i>
+      <i class="fa fa-resize-full fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-resize-full
+      fa-resize-full
       <small>
-        <i class="icon-resize-full"></i> &middot;
+        <i class="fa fa-resize-full"></i> &middot;
         Unicode: <span class="upper">f065</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-resize-full"></i> fa-resize-full
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-resize-full&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-resize-full
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-resize-full&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/resize-horizontal/index.html b/icon/resize-horizontal/index.html
index 1c0de39a3..c1e7e2c5f 100644
--- a/icon/resize-horizontal/index.html
+++ b/icon/resize-horizontal/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-resize-horizontal: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-resize-horizontal: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-resize-horizontal icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-resize-horizontal icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-resize-horizontal icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-resize-horizontal icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-resize-horizontal icon-2"></i>&nbsp;
+      <i class="fa fa-resize-horizontal fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-resize-horizontal fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-resize-horizontal fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-resize-horizontal fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-resize-horizontal fa-2"></i>&nbsp;
       </span>
-      <i class="icon-resize-horizontal icon-1"></i>
+      <i class="fa fa-resize-horizontal fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-resize-horizontal
+      fa-resize-horizontal
       <small>
-        <i class="icon-resize-horizontal"></i> &middot;
+        <i class="fa fa-resize-horizontal"></i> &middot;
         Unicode: <span class="upper">f07e</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-resize-horizontal"></i> fa-resize-horizontal
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-resize-horizontal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-resize-horizontal
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-resize-horizontal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/resize-small/index.html b/icon/resize-small/index.html
index 728efe3a3..c9d824fd0 100644
--- a/icon/resize-small/index.html
+++ b/icon/resize-small/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-resize-small: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-resize-small: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-resize-small icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-resize-small icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-resize-small icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-resize-small icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-resize-small icon-2"></i>&nbsp;
+      <i class="fa fa-resize-small fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-resize-small fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-resize-small fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-resize-small fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-resize-small fa-2"></i>&nbsp;
       </span>
-      <i class="icon-resize-small icon-1"></i>
+      <i class="fa fa-resize-small fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-resize-small
+      fa-resize-small
       <small>
-        <i class="icon-resize-small"></i> &middot;
+        <i class="fa fa-resize-small"></i> &middot;
         Unicode: <span class="upper">f066</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-resize-small"></i> fa-resize-small
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-resize-small&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-resize-small
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-resize-small&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/resize-vertical/index.html b/icon/resize-vertical/index.html
index dcc9e3fea..2286c6b4f 100644
--- a/icon/resize-vertical/index.html
+++ b/icon/resize-vertical/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-resize-vertical: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-resize-vertical: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-resize-vertical icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-resize-vertical icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-resize-vertical icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-resize-vertical icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-resize-vertical icon-2"></i>&nbsp;
+      <i class="fa fa-resize-vertical fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-resize-vertical fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-resize-vertical fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-resize-vertical fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-resize-vertical fa-2"></i>&nbsp;
       </span>
-      <i class="icon-resize-vertical icon-1"></i>
+      <i class="fa fa-resize-vertical fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-resize-vertical
+      fa-resize-vertical
       <small>
-        <i class="icon-resize-vertical"></i> &middot;
+        <i class="fa fa-resize-vertical"></i> &middot;
         Unicode: <span class="upper">f07d</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-resize-vertical"></i> fa-resize-vertical
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-resize-vertical&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-resize-vertical
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-resize-vertical&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/retweet/index.html b/icon/retweet/index.html
index 3e4eebde2..f8fa30338 100644
--- a/icon/retweet/index.html
+++ b/icon/retweet/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-retweet: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-retweet: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-retweet icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-retweet icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-retweet icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-retweet icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-retweet icon-2"></i>&nbsp;
+      <i class="fa fa-retweet fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-retweet fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-retweet fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-retweet fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-retweet fa-2"></i>&nbsp;
       </span>
-      <i class="icon-retweet icon-1"></i>
+      <i class="fa fa-retweet fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-retweet
+      fa-retweet
       <small>
-        <i class="icon-retweet"></i> &middot;
+        <i class="fa fa-retweet"></i> &middot;
         Unicode: <span class="upper">f079</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-retweet"></i> icon-retweet
+            <i class="fa fa-retweet"></i> fa-retweet
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-retweet&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-retweet
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-retweet&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/road/index.html b/icon/road/index.html
index f5d17355e..1dd1ff542 100644
--- a/icon/road/index.html
+++ b/icon/road/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-road: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-road: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-road icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-road icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-road icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-road icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-road icon-2"></i>&nbsp;
+      <i class="fa fa-road fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-road fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-road fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-road fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-road fa-2"></i>&nbsp;
       </span>
-      <i class="icon-road icon-1"></i>
+      <i class="fa fa-road fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-road
+      fa-road
       <small>
-        <i class="icon-road"></i> &middot;
+        <i class="fa fa-road"></i> &middot;
         Unicode: <span class="upper">f018</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-road"></i> icon-road
+            <i class="fa fa-road"></i> fa-road
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-road&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-road
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-road&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/rocket/index.html b/icon/rocket/index.html
index cfbb04acf..5a0d8b4c2 100644
--- a/icon/rocket/index.html
+++ b/icon/rocket/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-rocket: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-rocket: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-rocket icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-rocket icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-rocket icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-rocket icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-rocket icon-2"></i>&nbsp;
+      <i class="fa fa-rocket fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-rocket fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-rocket fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-rocket fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-rocket fa-2"></i>&nbsp;
       </span>
-      <i class="icon-rocket icon-1"></i>
+      <i class="fa fa-rocket fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-rocket
+      fa-rocket
       <small>
-        <i class="icon-rocket"></i> &middot;
+        <i class="fa fa-rocket"></i> &middot;
         Unicode: <span class="upper">f135</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-rocket"></i> icon-rocket
+            <i class="fa fa-rocket"></i> fa-rocket
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-rocket&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-rocket
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-rocket&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/rss-square/index.html b/icon/rss-square/index.html
new file mode 100644
index 000000000..a7f6b9bbc
--- /dev/null
+++ b/icon/rss-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-rss-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-rss-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-rss-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-rss-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-rss-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-rss-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-rss-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-rss-square
+      <small>
+        <i class="fa fa-rss-square"></i> &middot;
+        Unicode: <span class="upper">f143</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-rss-square"></i> fa-rss-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-rss-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-rss-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/rss/index.html b/icon/rss/index.html
index 86404f591..648bcc26c 100644
--- a/icon/rss/index.html
+++ b/icon/rss/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-rss: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-rss: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-rss icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-rss icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-rss icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-rss icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-rss icon-2"></i>&nbsp;
+      <i class="fa fa-rss fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-rss fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-rss fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-rss fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-rss fa-2"></i>&nbsp;
       </span>
-      <i class="icon-rss icon-1"></i>
+      <i class="fa fa-rss fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-rss
+      fa-rss
       <small>
-        <i class="icon-rss"></i> &middot;
+        <i class="fa fa-rss"></i> &middot;
         Unicode: <span class="upper">f09e</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-rss"></i> icon-rss
+            <i class="fa fa-rss"></i> fa-rss
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-rss&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-rss
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-rss&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/rub/index.html b/icon/rub/index.html
new file mode 100644
index 000000000..7125c4145
--- /dev/null
+++ b/icon/rub/index.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-rub: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-rub fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-rub fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-rub fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-rub fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-rub fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-rub fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-rub
+      <small>
+        <i class="fa fa-rub"></i> &middot;
+        Unicode: <span class="upper">f158</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-ruble,
+          
+            fa-rouble
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-rub"></i> fa-rub
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-rub&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-rub
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/scissors/index.html b/icon/scissors/index.html
new file mode 100644
index 000000000..ec5a55a88
--- /dev/null
+++ b/icon/scissors/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-scissors: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-scissors fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-scissors fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-scissors fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-scissors fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-scissors fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-scissors fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-scissors
+      <small>
+        <i class="fa fa-scissors"></i> &middot;
+        Unicode: <span class="upper">f0c4</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Text Editor Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-cut
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-scissors"></i> fa-scissors
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-scissors&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-scissors
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/search-minus/index.html b/icon/search-minus/index.html
new file mode 100644
index 000000000..a35a47ea5
--- /dev/null
+++ b/icon/search-minus/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-search-minus: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-search-minus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-search-minus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-search-minus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-search-minus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-search-minus fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-search-minus fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-search-minus
+      <small>
+        <i class="fa fa-search-minus"></i> &middot;
+        Unicode: <span class="upper">f010</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-search-minus"></i> fa-search-minus
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-search-minus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-search-minus
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/search-plus/index.html b/icon/search-plus/index.html
new file mode 100644
index 000000000..ddabdf644
--- /dev/null
+++ b/icon/search-plus/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-search-plus: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-search-plus fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-search-plus fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-search-plus fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-search-plus fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-search-plus fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-search-plus fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-search-plus
+      <small>
+        <i class="fa fa-search-plus"></i> &middot;
+        Unicode: <span class="upper">f00e</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-search-plus"></i> fa-search-plus
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-search-plus&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-search-plus
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/search/index.html b/icon/search/index.html
index dfe279a90..44c126789 100644
--- a/icon/search/index.html
+++ b/icon/search/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-search: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-search: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-search icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-search icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-search icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-search icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-search icon-2"></i>&nbsp;
+      <i class="fa fa-search fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-search fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-search fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-search fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-search fa-2"></i>&nbsp;
       </span>
-      <i class="icon-search icon-1"></i>
+      <i class="fa fa-search fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-search
+      fa-search
       <small>
-        <i class="icon-search"></i> &middot;
+        <i class="fa fa-search"></i> &middot;
         Unicode: <span class="upper">f002</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-search"></i> icon-search
+            <i class="fa fa-search"></i> fa-search
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-search&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-search
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-search&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/share-square-o/index.html b/icon/share-square-o/index.html
new file mode 100644
index 000000000..b7ced1ff7
--- /dev/null
+++ b/icon/share-square-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-share-square-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-share-square-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-share-square-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-share-square-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-share-square-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-share-square-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-share-square-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-share-square-o
+      <small>
+        <i class="fa fa-share-square-o"></i> &middot;
+        Unicode: <span class="upper">f045</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-share-square-o"></i> fa-share-square-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-share-square-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-share-square-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/share-square/index.html b/icon/share-square/index.html
new file mode 100644
index 000000000..ac2425054
--- /dev/null
+++ b/icon/share-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-share-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-share-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-share-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-share-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-share-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-share-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-share-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-share-square
+      <small>
+        <i class="fa fa-share-square"></i> &middot;
+        Unicode: <span class="upper">f14d</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-share-square"></i> fa-share-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-share-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-share-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/share/index.html b/icon/share/index.html
index 310604ded..a0d526fbc 100644
--- a/icon/share/index.html
+++ b/icon/share/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-share: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-share: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,20 +113,20 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-share icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-share icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-share icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-share icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-share icon-2"></i>&nbsp;
+      <i class="fa fa-share fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-share fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-share fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-share fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-share fa-2"></i>&nbsp;
       </span>
-      <i class="icon-share icon-1"></i>
+      <i class="fa fa-share fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-share
+      fa-share
       <small>
-        <i class="icon-share"></i> &middot;
-        Unicode: <span class="upper">f045</span> &middot;
+        <i class="fa fa-share"></i> &middot;
+        Unicode: <span class="upper">f064</span> &middot;
         Created: v1.0 &middot;
         Categories:
         
@@ -142,6 +134,11 @@
         
         
         
+          &middot; Aliases:
+          
+            fa-mail-forward
+          
+        
       </small>
     </h1>
   </div>
@@ -150,20 +147,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-share"></i> icon-share
+            <i class="fa fa-share"></i> fa-share
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-share&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-share
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-share&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +168,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +195,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/shield/index.html b/icon/shield/index.html
index f5e38a56b..4846c7f75 100644
--- a/icon/shield/index.html
+++ b/icon/shield/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-shield: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-shield: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-shield icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-shield icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-shield icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-shield icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-shield icon-2"></i>&nbsp;
+      <i class="fa fa-shield fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-shield fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-shield fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-shield fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-shield fa-2"></i>&nbsp;
       </span>
-      <i class="icon-shield icon-1"></i>
+      <i class="fa fa-shield fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-shield
+      fa-shield
       <small>
-        <i class="icon-shield"></i> &middot;
+        <i class="fa fa-shield"></i> &middot;
         Unicode: <span class="upper">f132</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-shield"></i> icon-shield
+            <i class="fa fa-shield"></i> fa-shield
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shield&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-shield
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-shield&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/shopping-cart/index.html b/icon/shopping-cart/index.html
index e13eb4ae7..cb167ba98 100644
--- a/icon/shopping-cart/index.html
+++ b/icon/shopping-cart/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-shopping-cart: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-shopping-cart: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-shopping-cart icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-shopping-cart icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-shopping-cart icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-shopping-cart icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-shopping-cart icon-2"></i>&nbsp;
+      <i class="fa fa-shopping-cart fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-shopping-cart fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-shopping-cart fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-shopping-cart fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-shopping-cart fa-2"></i>&nbsp;
       </span>
-      <i class="icon-shopping-cart icon-1"></i>
+      <i class="fa fa-shopping-cart fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-shopping-cart
+      fa-shopping-cart
       <small>
-        <i class="icon-shopping-cart"></i> &middot;
+        <i class="fa fa-shopping-cart"></i> &middot;
         Unicode: <span class="upper">f07a</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-shopping-cart"></i> fa-shopping-cart
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-shopping-cart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-shopping-cart
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-shopping-cart&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/sign-in/index.html b/icon/sign-in/index.html
new file mode 100644
index 000000000..e0ee182cb
--- /dev/null
+++ b/icon/sign-in/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-sign-in: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sign-in fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sign-in fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sign-in fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sign-in fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sign-in fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sign-in fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sign-in
+      <small>
+        <i class="fa fa-sign-in"></i> &middot;
+        Unicode: <span class="upper">f090</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sign-in"></i> fa-sign-in
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sign-in&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-sign-in
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/sign-out/index.html b/icon/sign-out/index.html
new file mode 100644
index 000000000..76cd6d574
--- /dev/null
+++ b/icon/sign-out/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-sign-out: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sign-out fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sign-out fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sign-out fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sign-out fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sign-out fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sign-out fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sign-out
+      <small>
+        <i class="fa fa-sign-out"></i> &middot;
+        Unicode: <span class="upper">f08b</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sign-out"></i> fa-sign-out
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sign-out&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-sign-out
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/signal/index.html b/icon/signal/index.html
index cb7688c92..7f143d4c6 100644
--- a/icon/signal/index.html
+++ b/icon/signal/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-signal: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-signal: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-signal icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-signal icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-signal icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-signal icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-signal icon-2"></i>&nbsp;
+      <i class="fa fa-signal fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-signal fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-signal fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-signal fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-signal fa-2"></i>&nbsp;
       </span>
-      <i class="icon-signal icon-1"></i>
+      <i class="fa fa-signal fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-signal
+      fa-signal
       <small>
-        <i class="icon-signal"></i> &middot;
+        <i class="fa fa-signal"></i> &middot;
         Unicode: <span class="upper">f012</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-signal"></i> icon-signal
+            <i class="fa fa-signal"></i> fa-signal
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-signal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-signal
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-signal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/sitemap/index.html b/icon/sitemap/index.html
index 297b3bf08..739fadd80 100644
--- a/icon/sitemap/index.html
+++ b/icon/sitemap/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-sitemap: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-sitemap: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-sitemap icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-sitemap icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-sitemap icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-sitemap icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-sitemap icon-2"></i>&nbsp;
+      <i class="fa fa-sitemap fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sitemap fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sitemap fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sitemap fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sitemap fa-2"></i>&nbsp;
       </span>
-      <i class="icon-sitemap icon-1"></i>
+      <i class="fa fa-sitemap fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-sitemap
+      fa-sitemap
       <small>
-        <i class="icon-sitemap"></i> &middot;
+        <i class="fa fa-sitemap"></i> &middot;
         Unicode: <span class="upper">f0e8</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-sitemap"></i> icon-sitemap
+            <i class="fa fa-sitemap"></i> fa-sitemap
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-sitemap&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-sitemap
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sitemap&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/skype/index.html b/icon/skype/index.html
index 857fbc921..5a16d33f8 100644
--- a/icon/skype/index.html
+++ b/icon/skype/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-skype: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-skype: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-skype icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-skype icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-skype icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-skype icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-skype icon-2"></i>&nbsp;
+      <i class="fa fa-skype fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-skype fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-skype fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-skype fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-skype fa-2"></i>&nbsp;
       </span>
-      <i class="icon-skype icon-1"></i>
+      <i class="fa fa-skype fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-skype
+      fa-skype
       <small>
-        <i class="icon-skype"></i> &middot;
+        <i class="fa fa-skype"></i> &middot;
         Unicode: <span class="upper">f17e</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-skype"></i> icon-skype
+            <i class="fa fa-skype"></i> fa-skype
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-skype&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-skype
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-skype&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/smile-o/index.html b/icon/smile-o/index.html
new file mode 100644
index 000000000..41b30d138
--- /dev/null
+++ b/icon/smile-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-smile-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-smile-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-smile-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-smile-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-smile-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-smile-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-smile-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-smile-o
+      <small>
+        <i class="fa fa-smile-o"></i> &middot;
+        Unicode: <span class="upper">f118</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-smile-o"></i> fa-smile-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-smile-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-smile-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/sort-alpha-asc/index.html b/icon/sort-alpha-asc/index.html
new file mode 100644
index 000000000..1aec26da0
--- /dev/null
+++ b/icon/sort-alpha-asc/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-sort-alpha-asc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-alpha-asc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-alpha-asc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-alpha-asc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-alpha-asc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-alpha-asc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-alpha-asc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-alpha-asc
+      <small>
+        <i class="fa fa-sort-alpha-asc"></i> &middot;
+        Unicode: <span class="upper">f15d</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-alpha-asc"></i> fa-sort-alpha-asc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-alpha-asc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-sort-alpha-asc
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/sort-alpha-desc/index.html b/icon/sort-alpha-desc/index.html
new file mode 100644
index 000000000..57d79cc90
--- /dev/null
+++ b/icon/sort-alpha-desc/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-sort-alpha-desc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-alpha-desc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-alpha-desc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-alpha-desc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-alpha-desc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-alpha-desc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-alpha-desc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-alpha-desc
+      <small>
+        <i class="fa fa-sort-alpha-desc"></i> &middot;
+        Unicode: <span class="upper">f15e</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-alpha-desc"></i> fa-sort-alpha-desc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-alpha-desc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-sort-alpha-desc
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/sort-amount-asc/index.html b/icon/sort-amount-asc/index.html
new file mode 100644
index 000000000..9d0a2f491
--- /dev/null
+++ b/icon/sort-amount-asc/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-sort-amount-asc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-amount-asc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-amount-asc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-amount-asc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-amount-asc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-amount-asc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-amount-asc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-amount-asc
+      <small>
+        <i class="fa fa-sort-amount-asc"></i> &middot;
+        Unicode: <span class="upper">f160</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-amount-asc"></i> fa-sort-amount-asc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-amount-asc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-sort-amount-asc
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/sort-amount-desc/index.html b/icon/sort-amount-desc/index.html
new file mode 100644
index 000000000..99c52c6ee
--- /dev/null
+++ b/icon/sort-amount-desc/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-sort-amount-desc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-amount-desc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-amount-desc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-amount-desc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-amount-desc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-amount-desc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-amount-desc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-amount-desc
+      <small>
+        <i class="fa fa-sort-amount-desc"></i> &middot;
+        Unicode: <span class="upper">f161</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-amount-desc"></i> fa-sort-amount-desc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-amount-desc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-sort-amount-desc
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/sort-asc/index.html b/icon/sort-asc/index.html
new file mode 100644
index 000000000..449ba8835
--- /dev/null
+++ b/icon/sort-asc/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-sort-asc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-asc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-asc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-asc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-asc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-asc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-asc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-asc
+      <small>
+        <i class="fa fa-sort-asc"></i> &middot;
+        Unicode: <span class="upper">f0dd</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-sort-down
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-asc"></i> fa-sort-asc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-asc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-sort-asc
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/sort-desc/index.html b/icon/sort-desc/index.html
new file mode 100644
index 000000000..981cf6564
--- /dev/null
+++ b/icon/sort-desc/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-sort-desc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-desc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-desc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-desc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-desc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-desc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-desc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-desc
+      <small>
+        <i class="fa fa-sort-desc"></i> &middot;
+        Unicode: <span class="upper">f0de</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-sort-up
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-desc"></i> fa-sort-desc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-desc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-sort-desc
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/sort-numeric-asc/index.html b/icon/sort-numeric-asc/index.html
new file mode 100644
index 000000000..d323825a7
--- /dev/null
+++ b/icon/sort-numeric-asc/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-sort-numeric-asc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-numeric-asc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-numeric-asc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-numeric-asc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-numeric-asc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-numeric-asc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-numeric-asc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-numeric-asc
+      <small>
+        <i class="fa fa-sort-numeric-asc"></i> &middot;
+        Unicode: <span class="upper">f162</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-numeric-asc"></i> fa-sort-numeric-asc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-numeric-asc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-sort-numeric-asc
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/sort-numeric-desc/index.html b/icon/sort-numeric-desc/index.html
new file mode 100644
index 000000000..4bbe667f8
--- /dev/null
+++ b/icon/sort-numeric-desc/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-sort-numeric-desc: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sort-numeric-desc fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort-numeric-desc fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort-numeric-desc fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort-numeric-desc fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort-numeric-desc fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sort-numeric-desc fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sort-numeric-desc
+      <small>
+        <i class="fa fa-sort-numeric-desc"></i> &middot;
+        Unicode: <span class="upper">f163</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sort-numeric-desc"></i> fa-sort-numeric-desc
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort-numeric-desc&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-sort-numeric-desc
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/sort/index.html b/icon/sort/index.html
index 566ee7077..3f12e1263 100644
--- a/icon/sort/index.html
+++ b/icon/sort/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-sort: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-sort: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-sort icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-sort icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-sort icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-sort icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-sort icon-2"></i>&nbsp;
+      <i class="fa fa-sort fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sort fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sort fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sort fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sort fa-2"></i>&nbsp;
       </span>
-      <i class="icon-sort icon-1"></i>
+      <i class="fa fa-sort fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-sort
+      fa-sort
       <small>
-        <i class="icon-sort"></i> &middot;
+        <i class="fa fa-sort"></i> &middot;
         Unicode: <span class="upper">f0dc</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -142,6 +134,11 @@
         
         
         
+          &middot; Aliases:
+          
+            fa-unsorted
+          
+        
       </small>
     </h1>
   </div>
@@ -150,20 +147,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-sort"></i> icon-sort
+            <i class="fa fa-sort"></i> fa-sort
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-sort&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-sort
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sort&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +168,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +195,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/spinner/index.html b/icon/spinner/index.html
index 2cf9147f4..8cc255df6 100644
--- a/icon/spinner/index.html
+++ b/icon/spinner/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-spinner: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-spinner: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-spinner icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-spinner icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-spinner icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-spinner icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-spinner icon-2"></i>&nbsp;
+      <i class="fa fa-spinner fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-spinner fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-spinner fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-spinner fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-spinner fa-2"></i>&nbsp;
       </span>
-      <i class="icon-spinner icon-1"></i>
+      <i class="fa fa-spinner fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-spinner
+      fa-spinner
       <small>
-        <i class="icon-spinner"></i> &middot;
+        <i class="fa fa-spinner"></i> &middot;
         Unicode: <span class="upper">f110</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-spinner"></i> icon-spinner
+            <i class="fa fa-spinner"></i> fa-spinner
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-spinner&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-spinner
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-spinner&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/square-o/index.html b/icon/square-o/index.html
new file mode 100644
index 000000000..fc20220a7
--- /dev/null
+++ b/icon/square-o/index.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-square-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-square-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-square-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-square-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-square-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-square-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-square-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-square-o
+      <small>
+        <i class="fa fa-square-o"></i> &middot;
+        Unicode: <span class="upper">f096</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-square-o"></i> fa-square-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-square-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-square-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/square/index.html b/icon/square/index.html
new file mode 100644
index 000000000..d73afa439
--- /dev/null
+++ b/icon/square/index.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-square
+      <small>
+        <i class="fa fa-square"></i> &middot;
+        Unicode: <span class="upper">f0c8</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Form Control Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-square"></i> fa-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/stack-exchange/index.html b/icon/stack-exchange/index.html
new file mode 100644
index 000000000..f5792fbc3
--- /dev/null
+++ b/icon/stack-exchange/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-stack-exchange: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-stack-exchange fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-stack-exchange fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-stack-exchange fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-stack-exchange fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-stack-exchange fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-stack-exchange fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-stack-exchange
+      <small>
+        <i class="fa fa-stack-exchange"></i> &middot;
+        Unicode: <span class="upper">f18d</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-stack-exchange"></i> fa-stack-exchange
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-stack-exchange&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-stack-exchange
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/stack-overflow/index.html b/icon/stack-overflow/index.html
new file mode 100644
index 000000000..3a6cda65a
--- /dev/null
+++ b/icon/stack-overflow/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-stack-overflow: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-stack-overflow fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-stack-overflow fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-stack-overflow fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-stack-overflow fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-stack-overflow fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-stack-overflow fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-stack-overflow
+      <small>
+        <i class="fa fa-stack-overflow"></i> &middot;
+        Unicode: <span class="upper">f16c</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-stack-overflow"></i> fa-stack-overflow
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-stack-overflow&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-stack-overflow
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/star-half-o/index.html b/icon/star-half-o/index.html
new file mode 100644
index 000000000..497ee6466
--- /dev/null
+++ b/icon/star-half-o/index.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-star-half-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-star-half-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-star-half-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-star-half-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-star-half-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-star-half-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-star-half-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-star-half-o
+      <small>
+        <i class="fa fa-star-half-o"></i> &middot;
+        Unicode: <span class="upper">f123</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-star-half-empty,
+          
+            fa-star-half-full
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-star-half-o"></i> fa-star-half-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-star-half-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-star-half-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/star-half/index.html b/icon/star-half/index.html
index efd0ac180..b1b66601c 100644
--- a/icon/star-half/index.html
+++ b/icon/star-half/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-star-half: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-star-half: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-star-half icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-star-half icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-star-half icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-star-half icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-star-half icon-2"></i>&nbsp;
+      <i class="fa fa-star-half fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-star-half fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-star-half fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-star-half fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-star-half fa-2"></i>&nbsp;
       </span>
-      <i class="icon-star-half icon-1"></i>
+      <i class="fa fa-star-half fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-star-half
+      fa-star-half
       <small>
-        <i class="icon-star-half"></i> &middot;
+        <i class="fa fa-star-half"></i> &middot;
         Unicode: <span class="upper">f089</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-star-half"></i> fa-star-half
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-star-half&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-star-half
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-star-half&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/star-o/index.html b/icon/star-o/index.html
new file mode 100644
index 000000000..2c879f17f
--- /dev/null
+++ b/icon/star-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-star-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-star-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-star-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-star-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-star-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-star-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-star-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-star-o
+      <small>
+        <i class="fa fa-star-o"></i> &middot;
+        Unicode: <span class="upper">f006</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-star-o"></i> fa-star-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-star-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-star-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/star/index.html b/icon/star/index.html
index e61f90c8a..fbf197909 100644
--- a/icon/star/index.html
+++ b/icon/star/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-star: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-star: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-star icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-star icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-star icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-star icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-star icon-2"></i>&nbsp;
+      <i class="fa fa-star fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-star fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-star fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-star fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-star fa-2"></i>&nbsp;
       </span>
-      <i class="icon-star icon-1"></i>
+      <i class="fa fa-star fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-star
+      fa-star
       <small>
-        <i class="icon-star"></i> &middot;
+        <i class="fa fa-star"></i> &middot;
         Unicode: <span class="upper">f005</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-star"></i> icon-star
+            <i class="fa fa-star"></i> fa-star
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-star&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-star
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-star&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/step-backward/index.html b/icon/step-backward/index.html
index 578fd703a..0f1263d9f 100644
--- a/icon/step-backward/index.html
+++ b/icon/step-backward/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-step-backward: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-step-backward: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-step-backward icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-step-backward icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-step-backward icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-step-backward icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-step-backward icon-2"></i>&nbsp;
+      <i class="fa fa-step-backward fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-step-backward fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-step-backward fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-step-backward fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-step-backward fa-2"></i>&nbsp;
       </span>
-      <i class="icon-step-backward icon-1"></i>
+      <i class="fa fa-step-backward fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-step-backward
+      fa-step-backward
       <small>
-        <i class="icon-step-backward"></i> &middot;
+        <i class="fa fa-step-backward"></i> &middot;
         Unicode: <span class="upper">f048</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-step-backward"></i> fa-step-backward
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-step-backward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-step-backward
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-step-backward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/step-forward/index.html b/icon/step-forward/index.html
index cce1bd4fb..c6aa5070e 100644
--- a/icon/step-forward/index.html
+++ b/icon/step-forward/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-step-forward: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-step-forward: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-step-forward icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-step-forward icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-step-forward icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-step-forward icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-step-forward icon-2"></i>&nbsp;
+      <i class="fa fa-step-forward fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-step-forward fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-step-forward fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-step-forward fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-step-forward fa-2"></i>&nbsp;
       </span>
-      <i class="icon-step-forward icon-1"></i>
+      <i class="fa fa-step-forward fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-step-forward
+      fa-step-forward
       <small>
-        <i class="icon-step-forward"></i> &middot;
+        <i class="fa fa-step-forward"></i> &middot;
         Unicode: <span class="upper">f051</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-step-forward"></i> fa-step-forward
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-step-forward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-step-forward
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-step-forward&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/stethoscope/index.html b/icon/stethoscope/index.html
index 86c152710..becac9dfb 100644
--- a/icon/stethoscope/index.html
+++ b/icon/stethoscope/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-stethoscope: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-stethoscope: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-stethoscope icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-stethoscope icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-stethoscope icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-stethoscope icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-stethoscope icon-2"></i>&nbsp;
+      <i class="fa fa-stethoscope fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-stethoscope fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-stethoscope fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-stethoscope fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-stethoscope fa-2"></i>&nbsp;
       </span>
-      <i class="icon-stethoscope icon-1"></i>
+      <i class="fa fa-stethoscope fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-stethoscope
+      fa-stethoscope
       <small>
-        <i class="icon-stethoscope"></i> &middot;
+        <i class="fa fa-stethoscope"></i> &middot;
         Unicode: <span class="upper">f0f1</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-stethoscope"></i> icon-stethoscope
+            <i class="fa fa-stethoscope"></i> fa-stethoscope
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-stethoscope&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-stethoscope
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-stethoscope&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/stop/index.html b/icon/stop/index.html
index 6de86574e..dd2e89c9e 100644
--- a/icon/stop/index.html
+++ b/icon/stop/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-stop: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-stop: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-stop icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-stop icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-stop icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-stop icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-stop icon-2"></i>&nbsp;
+      <i class="fa fa-stop fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-stop fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-stop fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-stop fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-stop fa-2"></i>&nbsp;
       </span>
-      <i class="icon-stop icon-1"></i>
+      <i class="fa fa-stop fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-stop
+      fa-stop
       <small>
-        <i class="icon-stop"></i> &middot;
+        <i class="fa fa-stop"></i> &middot;
         Unicode: <span class="upper">f04d</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-stop"></i> icon-stop
+            <i class="fa fa-stop"></i> fa-stop
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-stop&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-stop
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-stop&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/strikethrough/index.html b/icon/strikethrough/index.html
index 368d80432..ec72b08bb 100644
--- a/icon/strikethrough/index.html
+++ b/icon/strikethrough/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-strikethrough: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-strikethrough: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-strikethrough icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-strikethrough icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-strikethrough icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-strikethrough icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-strikethrough icon-2"></i>&nbsp;
+      <i class="fa fa-strikethrough fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-strikethrough fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-strikethrough fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-strikethrough fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-strikethrough fa-2"></i>&nbsp;
       </span>
-      <i class="icon-strikethrough icon-1"></i>
+      <i class="fa fa-strikethrough fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-strikethrough
+      fa-strikethrough
       <small>
-        <i class="icon-strikethrough"></i> &middot;
+        <i class="fa fa-strikethrough"></i> &middot;
         Unicode: <span class="upper">f0cc</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-strikethrough"></i> icon-strikethrough
+            <i class="fa fa-strikethrough"></i> fa-strikethrough
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-strikethrough&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-strikethrough
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-strikethrough&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/subscript/index.html b/icon/subscript/index.html
index 1310be1e6..487035410 100644
--- a/icon/subscript/index.html
+++ b/icon/subscript/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-subscript: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-subscript: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-subscript icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-subscript icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-subscript icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-subscript icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-subscript icon-2"></i>&nbsp;
+      <i class="fa fa-subscript fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-subscript fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-subscript fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-subscript fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-subscript fa-2"></i>&nbsp;
       </span>
-      <i class="icon-subscript icon-1"></i>
+      <i class="fa fa-subscript fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-subscript
+      fa-subscript
       <small>
-        <i class="icon-subscript"></i> &middot;
+        <i class="fa fa-subscript"></i> &middot;
         Unicode: <span class="upper">f12c</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-subscript"></i> icon-subscript
+            <i class="fa fa-subscript"></i> fa-subscript
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-subscript&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-subscript
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-subscript&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/suitcase/index.html b/icon/suitcase/index.html
index 320ecf886..ce8f91fb2 100644
--- a/icon/suitcase/index.html
+++ b/icon/suitcase/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-suitcase: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-suitcase: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-suitcase icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-suitcase icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-suitcase icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-suitcase icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-suitcase icon-2"></i>&nbsp;
+      <i class="fa fa-suitcase fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-suitcase fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-suitcase fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-suitcase fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-suitcase fa-2"></i>&nbsp;
       </span>
-      <i class="icon-suitcase icon-1"></i>
+      <i class="fa fa-suitcase fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-suitcase
+      fa-suitcase
       <small>
-        <i class="icon-suitcase"></i> &middot;
+        <i class="fa fa-suitcase"></i> &middot;
         Unicode: <span class="upper">f0f2</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-suitcase"></i> icon-suitcase
+            <i class="fa fa-suitcase"></i> fa-suitcase
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-suitcase&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-suitcase
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-suitcase&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/sun-o/index.html b/icon/sun-o/index.html
new file mode 100644
index 000000000..50ce3d27d
--- /dev/null
+++ b/icon/sun-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-sun-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-sun-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-sun-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-sun-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-sun-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-sun-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-sun-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-sun-o
+      <small>
+        <i class="fa fa-sun-o"></i> &middot;
+        Unicode: <span class="upper">f185</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-sun-o"></i> fa-sun-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-sun-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-sun-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/superscript/index.html b/icon/superscript/index.html
index 69b333d9a..7c663b407 100644
--- a/icon/superscript/index.html
+++ b/icon/superscript/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-superscript: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-superscript: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-superscript icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-superscript icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-superscript icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-superscript icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-superscript icon-2"></i>&nbsp;
+      <i class="fa fa-superscript fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-superscript fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-superscript fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-superscript fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-superscript fa-2"></i>&nbsp;
       </span>
-      <i class="icon-superscript icon-1"></i>
+      <i class="fa fa-superscript fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-superscript
+      fa-superscript
       <small>
-        <i class="icon-superscript"></i> &middot;
+        <i class="fa fa-superscript"></i> &middot;
         Unicode: <span class="upper">f12b</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-superscript"></i> icon-superscript
+            <i class="fa fa-superscript"></i> fa-superscript
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-superscript&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-superscript
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-superscript&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/table/index.html b/icon/table/index.html
index 86b2ad16c..e27a5dd22 100644
--- a/icon/table/index.html
+++ b/icon/table/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-table: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-table: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-table icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-table icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-table icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-table icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-table icon-2"></i>&nbsp;
+      <i class="fa fa-table fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-table fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-table fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-table fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-table fa-2"></i>&nbsp;
       </span>
-      <i class="icon-table icon-1"></i>
+      <i class="fa fa-table fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-table
+      fa-table
       <small>
-        <i class="icon-table"></i> &middot;
+        <i class="fa fa-table"></i> &middot;
         Unicode: <span class="upper">f0ce</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-table"></i> icon-table
+            <i class="fa fa-table"></i> fa-table
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-table&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-table
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-table&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/tablet/index.html b/icon/tablet/index.html
index 529db7aa0..ba2eb2508 100644
--- a/icon/tablet/index.html
+++ b/icon/tablet/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-tablet: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-tablet: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-tablet icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-tablet icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-tablet icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-tablet icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-tablet icon-2"></i>&nbsp;
+      <i class="fa fa-tablet fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tablet fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tablet fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tablet fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tablet fa-2"></i>&nbsp;
       </span>
-      <i class="icon-tablet icon-1"></i>
+      <i class="fa fa-tablet fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-tablet
+      fa-tablet
       <small>
-        <i class="icon-tablet"></i> &middot;
+        <i class="fa fa-tablet"></i> &middot;
         Unicode: <span class="upper">f10a</span> &middot;
         Created: v3.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-tablet"></i> icon-tablet
+            <i class="fa fa-tablet"></i> fa-tablet
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tablet&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-tablet
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tablet&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/tachometer/index.html b/icon/tachometer/index.html
new file mode 100644
index 000000000..d9cef0e7d
--- /dev/null
+++ b/icon/tachometer/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-tachometer: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tachometer fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tachometer fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tachometer fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tachometer fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tachometer fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tachometer fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tachometer
+      <small>
+        <i class="fa fa-tachometer"></i> &middot;
+        Unicode: <span class="upper">f0e4</span> &middot;
+        Created: v2.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-dashboard
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tachometer"></i> fa-tachometer
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tachometer&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-tachometer
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/tag/index.html b/icon/tag/index.html
index dc823f67e..5605ddf33 100644
--- a/icon/tag/index.html
+++ b/icon/tag/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-tag: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-tag: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-tag icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-tag icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-tag icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-tag icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-tag icon-2"></i>&nbsp;
+      <i class="fa fa-tag fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tag fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tag fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tag fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tag fa-2"></i>&nbsp;
       </span>
-      <i class="icon-tag icon-1"></i>
+      <i class="fa fa-tag fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-tag
+      fa-tag
       <small>
-        <i class="icon-tag"></i> &middot;
+        <i class="fa fa-tag"></i> &middot;
         Unicode: <span class="upper">f02b</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-tag"></i> icon-tag
+            <i class="fa fa-tag"></i> fa-tag
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-tag
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tag&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/tags/index.html b/icon/tags/index.html
index 9d5f0b6d1..ef1949b7d 100644
--- a/icon/tags/index.html
+++ b/icon/tags/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-tags: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-tags: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-tags icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-tags icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-tags icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-tags icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-tags icon-2"></i>&nbsp;
+      <i class="fa fa-tags fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tags fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tags fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tags fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tags fa-2"></i>&nbsp;
       </span>
-      <i class="icon-tags icon-1"></i>
+      <i class="fa fa-tags fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-tags
+      fa-tags
       <small>
-        <i class="icon-tags"></i> &middot;
+        <i class="fa fa-tags"></i> &middot;
         Unicode: <span class="upper">f02c</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-tags"></i> icon-tags
+            <i class="fa fa-tags"></i> fa-tags
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tags&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-tags
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tags&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/tasks/index.html b/icon/tasks/index.html
index 5c232bd10..b4eab66ff 100644
--- a/icon/tasks/index.html
+++ b/icon/tasks/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-tasks: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-tasks: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-tasks icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-tasks icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-tasks icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-tasks icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-tasks icon-2"></i>&nbsp;
+      <i class="fa fa-tasks fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tasks fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tasks fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tasks fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tasks fa-2"></i>&nbsp;
       </span>
-      <i class="icon-tasks icon-1"></i>
+      <i class="fa fa-tasks fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-tasks
+      fa-tasks
       <small>
-        <i class="icon-tasks"></i> &middot;
+        <i class="fa fa-tasks"></i> &middot;
         Unicode: <span class="upper">f0ae</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-tasks"></i> icon-tasks
+            <i class="fa fa-tasks"></i> fa-tasks
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tasks&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-tasks
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tasks&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/terminal/index.html b/icon/terminal/index.html
index b608e3fd2..671e5f033 100644
--- a/icon/terminal/index.html
+++ b/icon/terminal/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-terminal: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-terminal: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-terminal icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-terminal icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-terminal icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-terminal icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-terminal icon-2"></i>&nbsp;
+      <i class="fa fa-terminal fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-terminal fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-terminal fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-terminal fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-terminal fa-2"></i>&nbsp;
       </span>
-      <i class="icon-terminal icon-1"></i>
+      <i class="fa fa-terminal fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-terminal
+      fa-terminal
       <small>
-        <i class="icon-terminal"></i> &middot;
+        <i class="fa fa-terminal"></i> &middot;
         Unicode: <span class="upper">f120</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-terminal"></i> icon-terminal
+            <i class="fa fa-terminal"></i> fa-terminal
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-terminal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-terminal
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-terminal&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/text-height/index.html b/icon/text-height/index.html
index 3d7ccdee9..f08c6368d 100644
--- a/icon/text-height/index.html
+++ b/icon/text-height/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-text-height: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-text-height: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-text-height icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-text-height icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-text-height icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-text-height icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-text-height icon-2"></i>&nbsp;
+      <i class="fa fa-text-height fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-text-height fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-text-height fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-text-height fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-text-height fa-2"></i>&nbsp;
       </span>
-      <i class="icon-text-height icon-1"></i>
+      <i class="fa fa-text-height fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-text-height
+      fa-text-height
       <small>
-        <i class="icon-text-height"></i> &middot;
+        <i class="fa fa-text-height"></i> &middot;
         Unicode: <span class="upper">f034</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-text-height"></i> fa-text-height
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-text-height&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-text-height
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-text-height&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/text-width/index.html b/icon/text-width/index.html
index 8a84f94fc..a109062aa 100644
--- a/icon/text-width/index.html
+++ b/icon/text-width/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-text-width: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-text-width: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-text-width icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-text-width icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-text-width icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-text-width icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-text-width icon-2"></i>&nbsp;
+      <i class="fa fa-text-width fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-text-width fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-text-width fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-text-width fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-text-width fa-2"></i>&nbsp;
       </span>
-      <i class="icon-text-width icon-1"></i>
+      <i class="fa fa-text-width fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-text-width
+      fa-text-width
       <small>
-        <i class="icon-text-width"></i> &middot;
+        <i class="fa fa-text-width"></i> &middot;
         Unicode: <span class="upper">f035</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-text-width"></i> fa-text-width
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-text-width&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-text-width
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-text-width&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/th-large/index.html b/icon/th-large/index.html
index 7eada0040..8cdad5768 100644
--- a/icon/th-large/index.html
+++ b/icon/th-large/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-th-large: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-th-large: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-th-large icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-th-large icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-th-large icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-th-large icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-th-large icon-2"></i>&nbsp;
+      <i class="fa fa-th-large fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-th-large fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-th-large fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-th-large fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-th-large fa-2"></i>&nbsp;
       </span>
-      <i class="icon-th-large icon-1"></i>
+      <i class="fa fa-th-large fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-th-large
+      fa-th-large
       <small>
-        <i class="icon-th-large"></i> &middot;
+        <i class="fa fa-th-large"></i> &middot;
         Unicode: <span class="upper">f009</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-th-large"></i> fa-th-large
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-th-large&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-th-large
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-th-large&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/th-list/index.html b/icon/th-list/index.html
index 67fd825f7..b1b8c23d2 100644
--- a/icon/th-list/index.html
+++ b/icon/th-list/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-th-list: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-th-list: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-th-list icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-th-list icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-th-list icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-th-list icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-th-list icon-2"></i>&nbsp;
+      <i class="fa fa-th-list fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-th-list fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-th-list fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-th-list fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-th-list fa-2"></i>&nbsp;
       </span>
-      <i class="icon-th-list icon-1"></i>
+      <i class="fa fa-th-list fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-th-list
+      fa-th-list
       <small>
-        <i class="icon-th-list"></i> &middot;
+        <i class="fa fa-th-list"></i> &middot;
         Unicode: <span class="upper">f00b</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-th-list"></i> fa-th-list
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-th-list&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-th-list
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-th-list&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/th/index.html b/icon/th/index.html
index dd086a909..6f64bffcc 100644
--- a/icon/th/index.html
+++ b/icon/th/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-th: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-th: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-th icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-th icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-th icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-th icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-th icon-2"></i>&nbsp;
+      <i class="fa fa-th fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-th fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-th fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-th fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-th fa-2"></i>&nbsp;
       </span>
-      <i class="icon-th icon-1"></i>
+      <i class="fa fa-th fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-th
+      fa-th
       <small>
-        <i class="icon-th"></i> &middot;
+        <i class="fa fa-th"></i> &middot;
         Unicode: <span class="upper">f00a</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-th"></i> icon-th
+            <i class="fa fa-th"></i> fa-th
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-th&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-th
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-th&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/thumb-tack/index.html b/icon/thumb-tack/index.html
new file mode 100644
index 000000000..213ddec28
--- /dev/null
+++ b/icon/thumb-tack/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-thumb-tack: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-thumb-tack fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-thumb-tack fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-thumb-tack fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-thumb-tack fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-thumb-tack fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-thumb-tack fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-thumb-tack
+      <small>
+        <i class="fa fa-thumb-tack"></i> &middot;
+        Unicode: <span class="upper">f08d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-thumb-tack"></i> fa-thumb-tack
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-thumb-tack&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-thumb-tack
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/thumbs-down/index.html b/icon/thumbs-down/index.html
index 401c9183f..068261b44 100644
--- a/icon/thumbs-down/index.html
+++ b/icon/thumbs-down/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-thumbs-down: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-thumbs-down: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-thumbs-down icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-thumbs-down icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-thumbs-down icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-thumbs-down icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-thumbs-down icon-2"></i>&nbsp;
+      <i class="fa fa-thumbs-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-thumbs-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-thumbs-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-thumbs-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-thumbs-down fa-2"></i>&nbsp;
       </span>
-      <i class="icon-thumbs-down icon-1"></i>
+      <i class="fa fa-thumbs-down fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-thumbs-down
+      fa-thumbs-down
       <small>
-        <i class="icon-thumbs-down"></i> &middot;
+        <i class="fa fa-thumbs-down"></i> &middot;
         Unicode: <span class="upper">f165</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-thumbs-down"></i> fa-thumbs-down
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-thumbs-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-thumbs-down
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-thumbs-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/thumbs-o-down/index.html b/icon/thumbs-o-down/index.html
new file mode 100644
index 000000000..2197bebaa
--- /dev/null
+++ b/icon/thumbs-o-down/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-thumbs-o-down: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-thumbs-o-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-thumbs-o-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-thumbs-o-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-thumbs-o-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-thumbs-o-down fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-thumbs-o-down fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-thumbs-o-down
+      <small>
+        <i class="fa fa-thumbs-o-down"></i> &middot;
+        Unicode: <span class="upper">f088</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-thumbs-o-down"></i> fa-thumbs-o-down
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-thumbs-o-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-thumbs-o-down
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/thumbs-o-up/index.html b/icon/thumbs-o-up/index.html
new file mode 100644
index 000000000..9d59630b9
--- /dev/null
+++ b/icon/thumbs-o-up/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-thumbs-o-up: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-thumbs-o-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-thumbs-o-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-thumbs-o-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-thumbs-o-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-thumbs-o-up fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-thumbs-o-up fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-thumbs-o-up
+      <small>
+        <i class="fa fa-thumbs-o-up"></i> &middot;
+        Unicode: <span class="upper">f087</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-thumbs-o-up"></i> fa-thumbs-o-up
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-thumbs-o-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-thumbs-o-up
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/thumbs-up/index.html b/icon/thumbs-up/index.html
index 7c9fefe31..4ca84969f 100644
--- a/icon/thumbs-up/index.html
+++ b/icon/thumbs-up/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-thumbs-up: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-thumbs-up: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-thumbs-up icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-thumbs-up icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-thumbs-up icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-thumbs-up icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-thumbs-up icon-2"></i>&nbsp;
+      <i class="fa fa-thumbs-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-thumbs-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-thumbs-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-thumbs-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-thumbs-up fa-2"></i>&nbsp;
       </span>
-      <i class="icon-thumbs-up icon-1"></i>
+      <i class="fa fa-thumbs-up fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-thumbs-up
+      fa-thumbs-up
       <small>
-        <i class="icon-thumbs-up"></i> &middot;
+        <i class="fa fa-thumbs-up"></i> &middot;
         Unicode: <span class="upper">f164</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-thumbs-up"></i> fa-thumbs-up
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-thumbs-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-thumbs-up
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-thumbs-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/ticket/index.html b/icon/ticket/index.html
index 333f55c36..b1b6eda84 100644
--- a/icon/ticket/index.html
+++ b/icon/ticket/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-ticket: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-ticket: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-ticket icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-ticket icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-ticket icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-ticket icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-ticket icon-2"></i>&nbsp;
+      <i class="fa fa-ticket fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-ticket fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-ticket fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-ticket fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-ticket fa-2"></i>&nbsp;
       </span>
-      <i class="icon-ticket icon-1"></i>
+      <i class="fa fa-ticket fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-ticket
+      fa-ticket
       <small>
-        <i class="icon-ticket"></i> &middot;
+        <i class="fa fa-ticket"></i> &middot;
         Unicode: <span class="upper">f145</span> &middot;
         Created: v3.1 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-ticket"></i> icon-ticket
+            <i class="fa fa-ticket"></i> fa-ticket
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-ticket&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-ticket
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-ticket&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/times-circle-o/index.html b/icon/times-circle-o/index.html
new file mode 100644
index 000000000..4f52647ff
--- /dev/null
+++ b/icon/times-circle-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-times-circle-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-times-circle-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-times-circle-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-times-circle-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-times-circle-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-times-circle-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-times-circle-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-times-circle-o
+      <small>
+        <i class="fa fa-times-circle-o"></i> &middot;
+        Unicode: <span class="upper">f05c</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-times-circle-o"></i> fa-times-circle-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-times-circle-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-times-circle-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/times-circle/index.html b/icon/times-circle/index.html
new file mode 100644
index 000000000..6650dce6b
--- /dev/null
+++ b/icon/times-circle/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-times-circle: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-times-circle fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-times-circle fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-times-circle fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-times-circle fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-times-circle fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-times-circle fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-times-circle
+      <small>
+        <i class="fa fa-times-circle"></i> &middot;
+        Unicode: <span class="upper">f057</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-times-circle"></i> fa-times-circle
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-times-circle&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-times-circle
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/times/index.html b/icon/times/index.html
new file mode 100644
index 000000000..97a340957
--- /dev/null
+++ b/icon/times/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-times: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-times fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-times fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-times fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-times fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-times fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-times fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-times
+      <small>
+        <i class="fa fa-times"></i> &middot;
+        Unicode: <span class="upper">f00d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-times"></i> fa-times
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-times&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-times
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/tint/index.html b/icon/tint/index.html
index fb7a37587..9a32f2541 100644
--- a/icon/tint/index.html
+++ b/icon/tint/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-tint: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-tint: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-tint icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-tint icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-tint icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-tint icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-tint icon-2"></i>&nbsp;
+      <i class="fa fa-tint fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tint fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tint fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tint fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tint fa-2"></i>&nbsp;
       </span>
-      <i class="icon-tint icon-1"></i>
+      <i class="fa fa-tint fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-tint
+      fa-tint
       <small>
-        <i class="icon-tint"></i> &middot;
+        <i class="fa fa-tint"></i> &middot;
         Unicode: <span class="upper">f043</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-tint"></i> icon-tint
+            <i class="fa fa-tint"></i> fa-tint
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tint&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-tint
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tint&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/trash-o/index.html b/icon/trash-o/index.html
new file mode 100644
index 000000000..d1491c2e6
--- /dev/null
+++ b/icon/trash-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-trash-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-trash-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-trash-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-trash-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-trash-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-trash-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-trash-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-trash-o
+      <small>
+        <i class="fa fa-trash-o"></i> &middot;
+        Unicode: <span class="upper">f014</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-trash-o"></i> fa-trash-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-trash-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-trash-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/trello/index.html b/icon/trello/index.html
index 0f3498d9e..8e6a157ac 100644
--- a/icon/trello/index.html
+++ b/icon/trello/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-trello: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-trello: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-trello icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-trello icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-trello icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-trello icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-trello icon-2"></i>&nbsp;
+      <i class="fa fa-trello fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-trello fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-trello fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-trello fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-trello fa-2"></i>&nbsp;
       </span>
-      <i class="icon-trello icon-1"></i>
+      <i class="fa fa-trello fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-trello
+      fa-trello
       <small>
-        <i class="icon-trello"></i> &middot;
+        <i class="fa fa-trello"></i> &middot;
         Unicode: <span class="upper">f181</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-trello"></i> icon-trello
+            <i class="fa fa-trello"></i> fa-trello
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-trello&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-trello
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-trello&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/trophy/index.html b/icon/trophy/index.html
index ecdd6ead8..26f4c3e40 100644
--- a/icon/trophy/index.html
+++ b/icon/trophy/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-trophy: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-trophy: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-trophy icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-trophy icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-trophy icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-trophy icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-trophy icon-2"></i>&nbsp;
+      <i class="fa fa-trophy fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-trophy fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-trophy fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-trophy fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-trophy fa-2"></i>&nbsp;
       </span>
-      <i class="icon-trophy icon-1"></i>
+      <i class="fa fa-trophy fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-trophy
+      fa-trophy
       <small>
-        <i class="icon-trophy"></i> &middot;
+        <i class="fa fa-trophy"></i> &middot;
         Unicode: <span class="upper">f091</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-trophy"></i> icon-trophy
+            <i class="fa fa-trophy"></i> fa-trophy
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-trophy&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-trophy
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-trophy&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/truck/index.html b/icon/truck/index.html
index 158dc4731..3e0f3e3c4 100644
--- a/icon/truck/index.html
+++ b/icon/truck/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-truck: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-truck: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-truck icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-truck icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-truck icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-truck icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-truck icon-2"></i>&nbsp;
+      <i class="fa fa-truck fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-truck fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-truck fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-truck fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-truck fa-2"></i>&nbsp;
       </span>
-      <i class="icon-truck icon-1"></i>
+      <i class="fa fa-truck fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-truck
+      fa-truck
       <small>
-        <i class="icon-truck"></i> &middot;
+        <i class="fa fa-truck"></i> &middot;
         Unicode: <span class="upper">f0d1</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-truck"></i> icon-truck
+            <i class="fa fa-truck"></i> fa-truck
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-truck&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-truck
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-truck&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/try/index.html b/icon/try/index.html
new file mode 100644
index 000000000..6a95afca5
--- /dev/null
+++ b/icon/try/index.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-try: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-try fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-try fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-try fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-try fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-try fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-try fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-try
+      <small>
+        <i class="fa fa-try"></i> &middot;
+        Unicode: <span class="upper">f195</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Currency Icons
+        
+        
+        
+          &middot; Aliases:
+          
+            fa-turkish-lira
+          
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-try"></i> fa-try
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-try&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-try
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/tumblr-square/index.html b/icon/tumblr-square/index.html
new file mode 100644
index 000000000..c228f681b
--- /dev/null
+++ b/icon/tumblr-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-tumblr-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-tumblr-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tumblr-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tumblr-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tumblr-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tumblr-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-tumblr-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-tumblr-square
+      <small>
+        <i class="fa fa-tumblr-square"></i> &middot;
+        Unicode: <span class="upper">f174</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-tumblr-square"></i> fa-tumblr-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tumblr-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-tumblr-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/tumblr/index.html b/icon/tumblr/index.html
index 276c5131c..589abb5aa 100644
--- a/icon/tumblr/index.html
+++ b/icon/tumblr/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-tumblr: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-tumblr: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-tumblr icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-tumblr icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-tumblr icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-tumblr icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-tumblr icon-2"></i>&nbsp;
+      <i class="fa fa-tumblr fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-tumblr fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-tumblr fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-tumblr fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-tumblr fa-2"></i>&nbsp;
       </span>
-      <i class="icon-tumblr icon-1"></i>
+      <i class="fa fa-tumblr fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-tumblr
+      fa-tumblr
       <small>
-        <i class="icon-tumblr"></i> &middot;
+        <i class="fa fa-tumblr"></i> &middot;
         Unicode: <span class="upper">f173</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-tumblr"></i> icon-tumblr
+            <i class="fa fa-tumblr"></i> fa-tumblr
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-tumblr&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-tumblr
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-tumblr&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/twitter-square/index.html b/icon/twitter-square/index.html
new file mode 100644
index 000000000..89663dfd2
--- /dev/null
+++ b/icon/twitter-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-twitter-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-twitter-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-twitter-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-twitter-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-twitter-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-twitter-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-twitter-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-twitter-square
+      <small>
+        <i class="fa fa-twitter-square"></i> &middot;
+        Unicode: <span class="upper">f081</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-twitter-square"></i> fa-twitter-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-twitter-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-twitter-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/twitter/index.html b/icon/twitter/index.html
index d07d9b160..2d352ab50 100644
--- a/icon/twitter/index.html
+++ b/icon/twitter/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-twitter: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-twitter: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-twitter icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-twitter icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-twitter icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-twitter icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-twitter icon-2"></i>&nbsp;
+      <i class="fa fa-twitter fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-twitter fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-twitter fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-twitter fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-twitter fa-2"></i>&nbsp;
       </span>
-      <i class="icon-twitter icon-1"></i>
+      <i class="fa fa-twitter fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-twitter
+      fa-twitter
       <small>
-        <i class="icon-twitter"></i> &middot;
+        <i class="fa fa-twitter"></i> &middot;
         Unicode: <span class="upper">f099</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-twitter"></i> icon-twitter
+            <i class="fa fa-twitter"></i> fa-twitter
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-twitter&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-twitter
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-twitter&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/umbrella/index.html b/icon/umbrella/index.html
index 9c54399c8..b2009bfbf 100644
--- a/icon/umbrella/index.html
+++ b/icon/umbrella/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-umbrella: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-umbrella: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-umbrella icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-umbrella icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-umbrella icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-umbrella icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-umbrella icon-2"></i>&nbsp;
+      <i class="fa fa-umbrella fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-umbrella fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-umbrella fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-umbrella fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-umbrella fa-2"></i>&nbsp;
       </span>
-      <i class="icon-umbrella icon-1"></i>
+      <i class="fa fa-umbrella fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-umbrella
+      fa-umbrella
       <small>
-        <i class="icon-umbrella"></i> &middot;
+        <i class="fa fa-umbrella"></i> &middot;
         Unicode: <span class="upper">f0e9</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-umbrella"></i> icon-umbrella
+            <i class="fa fa-umbrella"></i> fa-umbrella
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-umbrella&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-umbrella
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-umbrella&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/underline/index.html b/icon/underline/index.html
index 3128eb4f3..46e7a8a20 100644
--- a/icon/underline/index.html
+++ b/icon/underline/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-underline: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-underline: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-underline icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-underline icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-underline icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-underline icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-underline icon-2"></i>&nbsp;
+      <i class="fa fa-underline fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-underline fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-underline fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-underline fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-underline fa-2"></i>&nbsp;
       </span>
-      <i class="icon-underline icon-1"></i>
+      <i class="fa fa-underline fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-underline
+      fa-underline
       <small>
-        <i class="icon-underline"></i> &middot;
+        <i class="fa fa-underline"></i> &middot;
         Unicode: <span class="upper">f0cd</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-underline"></i> icon-underline
+            <i class="fa fa-underline"></i> fa-underline
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-underline&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-underline
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-underline&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/undo/index.html b/icon/undo/index.html
index 59e600cee..60a2aeec9 100644
--- a/icon/undo/index.html
+++ b/icon/undo/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-undo: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-undo: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-undo icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-undo icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-undo icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-undo icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-undo icon-2"></i>&nbsp;
+      <i class="fa fa-undo fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-undo fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-undo fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-undo fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-undo fa-2"></i>&nbsp;
       </span>
-      <i class="icon-undo icon-1"></i>
+      <i class="fa fa-undo fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-undo
+      fa-undo
       <small>
-        <i class="icon-undo"></i> &middot;
+        <i class="fa fa-undo"></i> &middot;
         Unicode: <span class="upper">f0e2</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -144,7 +136,7 @@
         
           &middot; Aliases:
           
-            icon-rotate-left
+            fa-rotate-left
           
         
       </small>
@@ -155,20 +147,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-undo"></i> icon-undo
+            <i class="fa fa-undo"></i> fa-undo
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-undo&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-undo
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-undo&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -176,24 +168,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -204,9 +195,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/unlock-o/index.html b/icon/unlock-o/index.html
new file mode 100644
index 000000000..2450d5e1e
--- /dev/null
+++ b/icon/unlock-o/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-unlock-o: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-unlock-o fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-unlock-o fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-unlock-o fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-unlock-o fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-unlock-o fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-unlock-o fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-unlock-o
+      <small>
+        <i class="fa fa-unlock-o"></i> &middot;
+        Unicode: <span class="upper">f13e</span> &middot;
+        Created: v3.1 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-unlock-o"></i> fa-unlock-o
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-unlock-o&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-unlock-o
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/unlock/index.html b/icon/unlock/index.html
index 0436dc039..7f354dd55 100644
--- a/icon/unlock/index.html
+++ b/icon/unlock/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-unlock: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-unlock: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-unlock icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-unlock icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-unlock icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-unlock icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-unlock icon-2"></i>&nbsp;
+      <i class="fa fa-unlock fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-unlock fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-unlock fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-unlock fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-unlock fa-2"></i>&nbsp;
       </span>
-      <i class="icon-unlock icon-1"></i>
+      <i class="fa fa-unlock fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-unlock
+      fa-unlock
       <small>
-        <i class="icon-unlock"></i> &middot;
+        <i class="fa fa-unlock"></i> &middot;
         Unicode: <span class="upper">f09c</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-unlock"></i> icon-unlock
+            <i class="fa fa-unlock"></i> fa-unlock
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-unlock&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-unlock
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-unlock&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/upload/index.html b/icon/upload/index.html
index 1a49e7837..d79018a2a 100644
--- a/icon/upload/index.html
+++ b/icon/upload/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-upload: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-upload: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,20 +113,20 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-upload icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-upload icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-upload icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-upload icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-upload icon-2"></i>&nbsp;
+      <i class="fa fa-upload fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-upload fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-upload fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-upload fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-upload fa-2"></i>&nbsp;
       </span>
-      <i class="icon-upload icon-1"></i>
+      <i class="fa fa-upload fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-upload
+      fa-upload
       <small>
-        <i class="icon-upload"></i> &middot;
-        Unicode: <span class="upper">f01b</span> &middot;
+        <i class="fa fa-upload"></i> &middot;
+        Unicode: <span class="upper">f093</span> &middot;
         Created: v1.0 &middot;
         Categories:
         
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-upload"></i> icon-upload
+            <i class="fa fa-upload"></i> fa-upload
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-upload&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-upload
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-upload&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/usd/index.html b/icon/usd/index.html
index 36eb1dae6..cdd984a7e 100644
--- a/icon/usd/index.html
+++ b/icon/usd/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-usd: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-usd: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-usd icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-usd icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-usd icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-usd icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-usd icon-2"></i>&nbsp;
+      <i class="fa fa-usd fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-usd fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-usd fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-usd fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-usd fa-2"></i>&nbsp;
       </span>
-      <i class="icon-usd icon-1"></i>
+      <i class="fa fa-usd fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-usd
+      fa-usd
       <small>
-        <i class="icon-usd"></i> &middot;
+        <i class="fa fa-usd"></i> &middot;
         Unicode: <span class="upper">f155</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -144,7 +136,7 @@
         
           &middot; Aliases:
           
-            icon-dollar
+            fa-dollar
           
         
       </small>
@@ -155,20 +147,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-usd"></i> icon-usd
+            <i class="fa fa-usd"></i> fa-usd
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-usd&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-usd
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-usd&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -176,24 +168,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -204,9 +195,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/user-md/index.html b/icon/user-md/index.html
index e8850dc3e..a9ba96675 100644
--- a/icon/user-md/index.html
+++ b/icon/user-md/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-user-md: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-user-md: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-user-md icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-user-md icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-user-md icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-user-md icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-user-md icon-2"></i>&nbsp;
+      <i class="fa fa-user-md fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-user-md fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-user-md fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-user-md fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-user-md fa-2"></i>&nbsp;
       </span>
-      <i class="icon-user-md icon-1"></i>
+      <i class="fa fa-user-md fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-user-md
+      fa-user-md
       <small>
-        <i class="icon-user-md"></i> &middot;
+        <i class="fa fa-user-md"></i> &middot;
         Unicode: <span class="upper">f0f0</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-user-md"></i> fa-user-md
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-user-md&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-user-md
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-user-md&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/user/index.html b/icon/user/index.html
index 4fe72a21e..0421d2efd 100644
--- a/icon/user/index.html
+++ b/icon/user/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-user: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-user: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-user icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-user icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-user icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-user icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-user icon-2"></i>&nbsp;
+      <i class="fa fa-user fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-user fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-user fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-user fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-user fa-2"></i>&nbsp;
       </span>
-      <i class="icon-user icon-1"></i>
+      <i class="fa fa-user fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-user
+      fa-user
       <small>
-        <i class="icon-user"></i> &middot;
+        <i class="fa fa-user"></i> &middot;
         Unicode: <span class="upper">f007</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-user"></i> icon-user
+            <i class="fa fa-user"></i> fa-user
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-user&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-user
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-user&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/video-camera/index.html b/icon/video-camera/index.html
new file mode 100644
index 000000000..8d4046b4e
--- /dev/null
+++ b/icon/video-camera/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-video-camera: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-video-camera fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-video-camera fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-video-camera fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-video-camera fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-video-camera fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-video-camera fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-video-camera
+      <small>
+        <i class="fa fa-video-camera"></i> &middot;
+        Unicode: <span class="upper">f03d</span> &middot;
+        Created: v1.0 &middot;
+        Categories:
+        
+          Web Application Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-video-camera"></i> fa-video-camera
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-video-camera&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-video-camera
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/vimeo-square/index.html b/icon/vimeo-square/index.html
new file mode 100644
index 000000000..44b807571
--- /dev/null
+++ b/icon/vimeo-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-vimeo-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-vimeo-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-vimeo-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-vimeo-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-vimeo-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-vimeo-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-vimeo-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-vimeo-square
+      <small>
+        <i class="fa fa-vimeo-square"></i> &middot;
+        Unicode: <span class="upper">f194</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-vimeo-square"></i> fa-vimeo-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-vimeo-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-vimeo-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/vk/index.html b/icon/vk/index.html
index 3c8f4e8c0..5d065e00e 100644
--- a/icon/vk/index.html
+++ b/icon/vk/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-vk: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-vk: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-vk icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-vk icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-vk icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-vk icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-vk icon-2"></i>&nbsp;
+      <i class="fa fa-vk fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-vk fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-vk fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-vk fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-vk fa-2"></i>&nbsp;
       </span>
-      <i class="icon-vk icon-1"></i>
+      <i class="fa fa-vk fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-vk
+      fa-vk
       <small>
-        <i class="icon-vk"></i> &middot;
+        <i class="fa fa-vk"></i> &middot;
         Unicode: <span class="upper">f189</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-vk"></i> icon-vk
+            <i class="fa fa-vk"></i> fa-vk
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-vk&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-vk
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-vk&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/volume-down/index.html b/icon/volume-down/index.html
index 8c538de50..5bfd3113e 100644
--- a/icon/volume-down/index.html
+++ b/icon/volume-down/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-volume-down: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-volume-down: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-volume-down icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-volume-down icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-volume-down icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-volume-down icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-volume-down icon-2"></i>&nbsp;
+      <i class="fa fa-volume-down fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-volume-down fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-volume-down fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-volume-down fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-volume-down fa-2"></i>&nbsp;
       </span>
-      <i class="icon-volume-down icon-1"></i>
+      <i class="fa fa-volume-down fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-volume-down
+      fa-volume-down
       <small>
-        <i class="icon-volume-down"></i> &middot;
+        <i class="fa fa-volume-down"></i> &middot;
         Unicode: <span class="upper">f027</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-volume-down"></i> fa-volume-down
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-volume-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-volume-down
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-volume-down&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/volume-off/index.html b/icon/volume-off/index.html
index f00e21634..053f8526c 100644
--- a/icon/volume-off/index.html
+++ b/icon/volume-off/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-volume-off: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-volume-off: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-volume-off icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-volume-off icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-volume-off icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-volume-off icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-volume-off icon-2"></i>&nbsp;
+      <i class="fa fa-volume-off fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-volume-off fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-volume-off fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-volume-off fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-volume-off fa-2"></i>&nbsp;
       </span>
-      <i class="icon-volume-off icon-1"></i>
+      <i class="fa fa-volume-off fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-volume-off
+      fa-volume-off
       <small>
-        <i class="icon-volume-off"></i> &middot;
+        <i class="fa fa-volume-off"></i> &middot;
         Unicode: <span class="upper">f026</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-volume-off"></i> fa-volume-off
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-volume-off&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-volume-off
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-volume-off&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/volume-up/index.html b/icon/volume-up/index.html
index 8157eddf2..c162fc6c6 100644
--- a/icon/volume-up/index.html
+++ b/icon/volume-up/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-volume-up: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-volume-up: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-volume-up icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-volume-up icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-volume-up icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-volume-up icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-volume-up icon-2"></i>&nbsp;
+      <i class="fa fa-volume-up fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-volume-up fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-volume-up fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-volume-up fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-volume-up fa-2"></i>&nbsp;
       </span>
-      <i class="icon-volume-up icon-1"></i>
+      <i class="fa fa-volume-up fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-volume-up
+      fa-volume-up
       <small>
-        <i class="icon-volume-up"></i> &middot;
+        <i class="fa fa-volume-up"></i> &middot;
         Unicode: <span class="upper">f028</span> &middot;
         Created: v1.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-volume-up"></i> fa-volume-up
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-volume-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-volume-up
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-volume-up&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/weibo/index.html b/icon/weibo/index.html
index f76ed2a62..f3b674566 100644
--- a/icon/weibo/index.html
+++ b/icon/weibo/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-weibo: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-weibo: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-weibo icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-weibo icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-weibo icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-weibo icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-weibo icon-2"></i>&nbsp;
+      <i class="fa fa-weibo fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-weibo fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-weibo fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-weibo fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-weibo fa-2"></i>&nbsp;
       </span>
-      <i class="icon-weibo icon-1"></i>
+      <i class="fa fa-weibo fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-weibo
+      fa-weibo
       <small>
-        <i class="icon-weibo"></i> &middot;
+        <i class="fa fa-weibo"></i> &middot;
         Unicode: <span class="upper">f18a</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-weibo"></i> icon-weibo
+            <i class="fa fa-weibo"></i> fa-weibo
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-weibo&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-weibo
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-weibo&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/wheelchair/index.html b/icon/wheelchair/index.html
new file mode 100644
index 000000000..4070c6462
--- /dev/null
+++ b/icon/wheelchair/index.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-wheelchair: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-wheelchair fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-wheelchair fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-wheelchair fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-wheelchair fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-wheelchair fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-wheelchair fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-wheelchair
+      <small>
+        <i class="fa fa-wheelchair"></i> &middot;
+        Unicode: <span class="upper">f193</span> &middot;
+        Created: v4.0 &middot;
+        Categories:
+        
+          Web Application Icons,
+        
+          Medical Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-wheelchair"></i> fa-wheelchair
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-wheelchair&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-wheelchair
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/windows/index.html b/icon/windows/index.html
index 7513f5ac1..20c4d1ff4 100644
--- a/icon/windows/index.html
+++ b/icon/windows/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-windows: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-windows: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-windows icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-windows icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-windows icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-windows icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-windows icon-2"></i>&nbsp;
+      <i class="fa fa-windows fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-windows fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-windows fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-windows fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-windows fa-2"></i>&nbsp;
       </span>
-      <i class="icon-windows icon-1"></i>
+      <i class="fa fa-windows fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-windows
+      fa-windows
       <small>
-        <i class="icon-windows"></i> &middot;
+        <i class="fa fa-windows"></i> &middot;
         Unicode: <span class="upper">f17a</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-windows"></i> icon-windows
+            <i class="fa fa-windows"></i> fa-windows
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-windows&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-windows
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-windows&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/wrench/index.html b/icon/wrench/index.html
index 6562caad3..f8aabc9da 100644
--- a/icon/wrench/index.html
+++ b/icon/wrench/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-wrench: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-wrench: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-wrench icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-wrench icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-wrench icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-wrench icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-wrench icon-2"></i>&nbsp;
+      <i class="fa fa-wrench fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-wrench fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-wrench fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-wrench fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-wrench fa-2"></i>&nbsp;
       </span>
-      <i class="icon-wrench icon-1"></i>
+      <i class="fa fa-wrench fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-wrench
+      fa-wrench
       <small>
-        <i class="icon-wrench"></i> &middot;
+        <i class="fa fa-wrench"></i> &middot;
         Unicode: <span class="upper">f0ad</span> &middot;
         Created: v2.0 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-wrench"></i> icon-wrench
+            <i class="fa fa-wrench"></i> fa-wrench
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-wrench&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-wrench
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-wrench&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/xing-square/index.html b/icon/xing-square/index.html
new file mode 100644
index 000000000..e1b6ec5ee
--- /dev/null
+++ b/icon/xing-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-xing-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-xing-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-xing-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-xing-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-xing-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-xing-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-xing-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-xing-square
+      <small>
+        <i class="fa fa-xing-square"></i> &middot;
+        Unicode: <span class="upper">f169</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-xing-square"></i> fa-xing-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-xing-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-xing-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/xing/index.html b/icon/xing/index.html
index 68aa1532a..74889c0e3 100644
--- a/icon/xing/index.html
+++ b/icon/xing/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-xing: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-xing: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-xing icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-xing icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-xing icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-xing icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-xing icon-2"></i>&nbsp;
+      <i class="fa fa-xing fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-xing fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-xing fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-xing fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-xing fa-2"></i>&nbsp;
       </span>
-      <i class="icon-xing icon-1"></i>
+      <i class="fa fa-xing fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-xing
+      fa-xing
       <small>
-        <i class="icon-xing"></i> &middot;
+        <i class="fa fa-xing"></i> &middot;
         Unicode: <span class="upper">f168</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-xing"></i> icon-xing
+            <i class="fa fa-xing"></i> fa-xing
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-xing&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-xing
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-xing&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/youtube-play/index.html b/icon/youtube-play/index.html
index 60874dd5c..32bf8a7a2 100644
--- a/icon/youtube-play/index.html
+++ b/icon/youtube-play/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-youtube-play: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-youtube-play: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-youtube-play icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-youtube-play icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-youtube-play icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-youtube-play icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-youtube-play icon-2"></i>&nbsp;
+      <i class="fa fa-youtube-play fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-youtube-play fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-youtube-play fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-youtube-play fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-youtube-play fa-2"></i>&nbsp;
       </span>
-      <i class="icon-youtube-play icon-1"></i>
+      <i class="fa fa-youtube-play fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-youtube-play
+      fa-youtube-play
       <small>
-        <i class="icon-youtube-play"></i> &middot;
+        <i class="fa fa-youtube-play"></i> &middot;
         Unicode: <span class="upper">f16a</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -152,20 +144,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</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
+            <i class="fa fa-youtube-play"></i> fa-youtube-play
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-youtube-play&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-youtube-play
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-youtube-play&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -173,24 +165,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -201,9 +192,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icon/youtube-square/index.html b/icon/youtube-square/index.html
new file mode 100644
index 000000000..74462f271
--- /dev/null
+++ b/icon/youtube-square/index.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8" />
+  <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">
+  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
+
+  <title>icon-youtube-square: Font Awesome Icons</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="../../assets/css/site.css">
+  <link rel="stylesheet" href="../../assets/css/pygments.css">
+  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
+  <![endif]-->
+
+  <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-30136587-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</head>
+<body>
+<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+  <div class="navbar navbar-inverse navbar-static-top hidden-print">
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
+    </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
+  </div>
+</div>
+
+
+  <div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-youtube-square fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-youtube-square fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-youtube-square fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-youtube-square fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-youtube-square fa-2"></i>&nbsp;
+      </span>
+      <i class="fa fa-youtube-square fa-1"></i>
+    </div>
+    <h1 class="info-class">
+      fa-youtube-square
+      <small>
+        <i class="fa fa-youtube-square"></i> &middot;
+        Unicode: <span class="upper">f166</span> &middot;
+        Created: v3.2 &middot;
+        Categories:
+        
+          Brand Icons
+        
+        
+        
+      </small>
+    </h1>
+  </div>
+</div>
+
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-youtube-square"></i> fa-youtube-square
+          </div>
+        </div>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-youtube-square&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-youtube-square
+</code></pre></div>
+        <br>
+        <div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
+      </div>
+      <div class="col-md-3 col-sm-3">
+        <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+</div>
+      </div>
+    </div>
+  </section>
+</div>
+
+</div>
+<footer id="footer" class="footer hidden-print">
+  <div class="container text-center">
+    <div>
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
+    </div>
+    <div>
+      Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
+      Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
+      Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
+    </div>
+    <div>
+      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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
+      <a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
+    </div>
+  </div>
+</footer>
+
+
+<script src="http://platform.twitter.com/widgets.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
+<script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
+<script src="../../assets/js/site.js"></script>
+
+</body>
+</html>
diff --git a/icon/youtube/index.html b/icon/youtube/index.html
index 51ec01c8d..fb2b40fb3 100644
--- a/icon/youtube/index.html
+++ b/icon/youtube/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>icon-youtube: Font Awesome Icons</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="../../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>icon-youtube: Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../../assets/css/site.css">
   <link rel="stylesheet" href="../../assets/css/pygments.css">
   <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../../assets/js/html5shiv.js"></script>
+    <script src="../../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../../">Home</a></li>
-          <li><a href="../../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../../examples/#new-styles">New Styles</a></li>
-              <li><a href="../../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../../examples/#buttons">Buttons</a></li>
-              <li><a href="../../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../../examples/#navigation">Navigation</a></li>
-              <li><a href="../../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../../examples/#stacked">Stacked</a></li>
-              <li><a href="../../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../../community/">Community</a></li>
-          <li><a href="../../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../../whats-new/">New</a>
+        </li>
+        <li><a href="../../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../../examples/#inline">Inline Icons</a></li>
+            <li><a href="../../examples/#larger">Larger Icons</a></li>
+            <li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../../examples/#list">List Icons</a></li>
+            <li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../../community/">Community</a></li>
+        <li><a href="../../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -121,19 +113,19 @@
   <div class="jumbotron jumbotron-icon">
   <div class="container">
     <div class="info-icons">
-      <i class="icon-youtube icon-6"></i>&nbsp;&nbsp;
-      <span class="hidden-phone">
-        <i class="icon-youtube icon-5"></i>&nbsp;&nbsp;
-        <span class="hidden-tablet"><i class="icon-youtube icon-4"></i>&nbsp;&nbsp;</span>
-        <i class="icon-youtube icon-3"></i>&nbsp;&nbsp;
-        <i class="icon-youtube icon-2"></i>&nbsp;
+      <i class="fa fa-youtube fa-6"></i>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-youtube fa-5"></i>&nbsp;&nbsp;
+        <span class="hide-sm"><i class="fa fa-youtube fa-4"></i>&nbsp;&nbsp;</span>
+        <i class="fa fa-youtube fa-3"></i>&nbsp;&nbsp;
+        <i class="fa fa-youtube fa-2"></i>&nbsp;
       </span>
-      <i class="icon-youtube icon-1"></i>
+      <i class="fa fa-youtube fa-1"></i>
     </div>
     <h1 class="info-class">
-      icon-youtube
+      fa-youtube
       <small>
-        <i class="icon-youtube"></i> &middot;
+        <i class="fa fa-youtube"></i> &middot;
         Unicode: <span class="upper">f167</span> &middot;
         Created: v3.2 &middot;
         Categories:
@@ -150,20 +142,20 @@
 
 <div class="container">
   <section>
-    <div class="row-fluid">
-      <div class="span9">
-        <p>After you get <a href="../../integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+    <div class="row">
+      <div class="col-md-9 col-sm-9">
+        <p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
         <div class="well well-transparent">
           <div style="font-size: 24px; line-height: 1.5em;">
-            <i class="icon-youtube"></i> icon-youtube
+            <i class="fa fa-youtube"></i> fa-youtube
           </div>
         </div>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;icon-youtube&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> icon-youtube
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-youtube&quot;</span><span class="nt">&gt;&lt;/i&gt;</span> fa-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 class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
       </div>
-      <div class="span3">
+      <div class="col-md-3 col-sm-3">
         <div class="info-ad"><div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
 </div>
       </div>
@@ -171,24 +163,23 @@
   </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -199,9 +190,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../../assets/js/site.js"></script>
 
 </body>
diff --git a/icons.yml b/icons.yml
index c3c8f531a..fbf140d6c 100755
--- a/icons.yml
+++ b/icons.yml
@@ -20,8 +20,8 @@ icons:
     categories:
       - Web Application Icons
 
-  - name:       Envelope Alt
-    id:         envelope-alt
+  - name:       Envelope Outlined
+    id:         envelope-o
     unicode:    f003
     created:    1.0
     categories:
@@ -41,8 +41,8 @@ icons:
     categories:
       - Web Application Icons
 
-  - name:       Star Empty
-    id:         star-empty
+  - name:       Star Outlined
+    id:         star-o
     unicode:    f006
     created:    1.0
     categories:
@@ -83,41 +83,39 @@ icons:
     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
 
@@ -137,8 +135,8 @@ icons:
     categories:
       - Web Application Icons
 
-  - name:       trash
-    id:         trash
+  - name:       Trash Outlined
+    id:         trash-o
     unicode:    f014
     created:    1.0
     categories:
@@ -151,15 +149,15 @@ icons:
     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:
@@ -172,26 +170,26 @@ icons:
     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
@@ -200,14 +198,14 @@ icons:
     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
@@ -400,29 +398,31 @@ icons:
     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:
@@ -457,26 +457,29 @@ icons:
     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
@@ -570,71 +573,71 @@ icons:
     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:
@@ -669,8 +672,8 @@ icons:
     categories:
       - Directional Icons
 
-  - name:       share-alt
-    id:         share-alt
+  - name:       Share
+    id:         share
     unicode:    f064
     created:    1.0
     aliases:
@@ -713,8 +716,8 @@ icons:
     categories:
       - Web Application Icons
 
-  - name:       exclamation-sign
-    id:         exclamation-sign
+  - name:       Exclamation Circle
+    id:         exclamation-circle
     unicode:    f06a
     created:    1.0
     categories:
@@ -741,25 +744,27 @@ icons:
     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
 
@@ -826,14 +831,14 @@ 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
@@ -855,22 +860,22 @@ icons:
       - Web Application 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:
@@ -906,15 +911,15 @@ icons:
     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:
@@ -927,35 +932,35 @@ icons:
     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
@@ -963,8 +968,8 @@ icons:
       - Web Application Icons
 
 
-  - name:       signin
-    id:         signin
+  - name:       Sign In
+    id:         sign-in
     unicode:    f090
     created:    1.0
     categories:
@@ -977,72 +982,72 @@ icons:
     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
@@ -1071,7 +1076,7 @@ icons:
       - Web Application Icons
 
 
-  - name:       hdd
+  - name:       HDD
     id:         hdd
     unicode:    f0a0
     created:    2.0
@@ -1087,7 +1092,7 @@ icons:
 
   - name:       bell
     id:         bell
-    unicode:    f0a2
+    unicode:    f0f3
     created:    2.0
     categories:
       - Web Application Icons
@@ -1099,77 +1104,77 @@ 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
@@ -1177,14 +1182,14 @@ icons:
       - 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
@@ -1199,72 +1204,79 @@ icons:
       - Video Player Icons
 
 
-  - name:       group
+  - name:       Group
     id:         group
     unicode:    f0c0
     created:    2.0
     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
+  - name:       Reorder
     id:         reorder
     unicode:    f0c9
     created:    2.0
@@ -1285,14 +1297,14 @@ icons:
     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
@@ -1321,94 +1333,101 @@ icons:
     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
 
@@ -1420,7 +1439,7 @@ icons:
     categories:
       - Web Application Icons
 
-  - name:       linkedin
+  - name:       LinkedIn
     id:         linkedin
     unicode:    f0e1
     created:    2.0
@@ -1428,7 +1447,7 @@ icons:
       - Brand Icons
 
 
-  - name:       undo
+  - name:       Undo
     id:         undo
     unicode:    f0e2
     created:    2.0
@@ -1437,84 +1456,92 @@ icons:
     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
@@ -1529,49 +1556,49 @@ icons:
     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
+  - name:       Building
     id:         building
     unicode:    f0f7
     created:    3.0
@@ -1613,15 +1640,15 @@ icons:
     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:
@@ -1629,29 +1656,29 @@ icons:
       - Web Application 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:
@@ -1685,14 +1712,14 @@ icons:
     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
@@ -1706,19 +1733,22 @@ icons:
     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
@@ -1735,21 +1765,22 @@ icons:
       - 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
@@ -1758,78 +1789,78 @@ icons:
     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
+  - name:       Expand Outlined
+    id:         expand-o
     unicode:    f116
     created:    3.1
     categories:
       - Web Application Icons
 
-  - name:       collapse-alt
-    id:         collapse-alt
+  - name:       Collapse Outlined
+    id:         collapse-o
     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:
@@ -1843,14 +1874,14 @@ icons:
       - 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
@@ -1871,11 +1902,12 @@ icons:
     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
@@ -1901,21 +1933,23 @@ 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
@@ -1951,7 +1985,7 @@ icons:
       - Text Editor Icons
       - Web Application Icons
 
-  - name:       puzzle-piece
+  - name:       Puzzle Piece
     id:         puzzle-piece
     unicode:    f12e
     created:    3.1
@@ -1966,8 +2000,8 @@ icons:
     categories:
       - Web Application Icons
 
-  - name:       microphone-off
-    id:         microphone-off
+  - name:       Microphone Slash
+    id:         microphone-slash
     unicode:    f131
     created:    3.1
     categories:
@@ -1980,8 +2014,8 @@ icons:
     categories:
       - Web Application Icons
 
-  - name:       calendar-empty
-    id:         calendar-empty
+  - name:       calendar-o
+    id:         calendar-o
     unicode:    f133
     created:    3.1
     categories:
@@ -2008,29 +2042,29 @@ icons:
     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:
@@ -2057,8 +2091,8 @@ icons:
     categories:
       - Web Application Icons
 
-  - name:       Unlock Alt
-    id:         unlock-alt
+  - name:       Unlock Outlined
+    id:         unlock-o
     unicode:    f13e
     created:    3.1
     categories:
@@ -2086,15 +2120,15 @@ icons:
     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:
@@ -2107,19 +2141,22 @@ icons:
     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
@@ -2135,29 +2172,30 @@ icons:
     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:
@@ -2171,26 +2209,35 @@ icons:
       - 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
@@ -2231,16 +2278,19 @@ icons:
     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
 
@@ -2277,44 +2327,44 @@ 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:
@@ -2335,8 +2385,8 @@ icons:
     categories:
       - Web Application Icons
 
-  - name:       YouTube Sign
-    id:         youtube-sign
+  - name:       YouTube Square
+    id:         youtube-square
     unicode:    f166
     created:    3.2
     categories:
@@ -2356,8 +2406,8 @@ icons:
     categories:
       - Brand Icons
 
-  - name:       Xing Sign
-    id:         xing-sign
+  - name:       Xing Square
+    id:         xing-square
     unicode:    f169
     created:    3.2
     categories:
@@ -2378,8 +2428,8 @@ icons:
     categories:
       - Brand Icons
 
-  - name:       Stack Exchange
-    id:         stackexchange
+  - name:       Stack Overflow
+    id:         stack-overflow
     unicode:    f16c
     created:    3.2
     categories:
@@ -2413,8 +2463,8 @@ icons:
     categories:
       - Brand Icons
 
-  - name:       Bitbucket Sign
-    id:         bitbucket-sign
+  - name:       Bitbucket Square
+    id:         bitbucket-square
     unicode:    f172
     created:    3.2
     categories:
@@ -2427,8 +2477,8 @@ icons:
     categories:
       - Brand Icons
 
-  - name:       Tumblr Sign
-    id:         tumblr-sign
+  - name:       Tumblr Square
+    id:         tumblr-square
     unicode:    f174
     created:    3.2
     categories:
@@ -2540,15 +2590,15 @@ icons:
     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:
@@ -2588,3 +2638,75 @@ icons:
     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
diff --git a/icons/index.html b/icons/index.html
index 779f024fb..d767cfd81 100644
--- a/icons/index.html
+++ b/icons/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>Font Awesome Icons</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="../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>Font Awesome Icons</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../assets/css/site.css">
   <link rel="stylesheet" href="../assets/css/pygments.css">
   <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../assets/js/html5shiv.js"></script>
+    <script src="../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../">Home</a></li>
-          <li><a href="../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left active"><a href="../icons/">Icons</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="../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../examples/#new-styles">New Styles</a></li>
-              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../examples/#buttons">Buttons</a></li>
-              <li><a href="../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../examples/#navigation">Navigation</a></li>
-              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../examples/#stacked">Stacked</a></li>
-              <li><a href="../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../community/">Community</a></li>
-          <li><a href="../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../whats-new/">New</a>
+        </li>
+        <li><a href="../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left active"><a href="../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs active">
+          <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="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../examples/#inline">Inline Icons</a></li>
+            <li><a href="../examples/#larger">Larger Icons</a></li>
+            <li><a href="../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../examples/#list">List Icons</a></li>
+            <li><a href="../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../community/">Community</a></li>
+        <li><a href="../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -123,14 +115,14 @@
 
 <div class="jumbotron jumbotron-ad hidden-print">
   <div class="container">
-    <h1><i class="icon-flag icon-large"></i>&nbsp; The Icons</h1>
-    <p>The complete set of 361 icons in Font Awesome 3.2.1</p>
+    <h1><i class="fa fa-flag"></i>&nbsp; The Icons</h1>
+    <p>The complete set of 370 icons in Font Awesome 4.0.0</p>
   </div>
 </div>
 
 <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>
@@ -150,1039 +142,1041 @@
 
 <div class="container">
   
-<section class="hidden-print">
-  <div class="row stripe-ad">
-    <div class="span8">
-      
-<p class="lead">
-  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>.
-  <!--The ever-expanding list of Font Awesome 3.2.1 icons.-->
-  Need vectors or want to use on the desktop? Check the <a href="../cheatsheet/">cheatsheet</a>.
-</p>
+  <section class="hidden-print">
+  <div class="stripe-ad">
+    <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">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 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>
+    
+  <p class="lead">
+    You asked, Font Awesome delivers with 10 shiny new icons in version 4.0.
+    Want to request new icons? <a href="../community/#requesting-new-icons">Here's how</a>.
+    <!--The ever-expanding list of Font Awesome 4.0.0 icons.-->
+    Need vectors or want to use on the desktop? Check the <a href="../cheatsheet/">cheatsheet</a>.
+  </p>
+  
   </div>
 </section>
 
 
-<div id="new">
-  <h2 class="page-header">New Icons in 3.2</h2>
+  <div id="new">
+  <h2 class="page-header">10 New Icons in 4.0</h2>
   
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     
 
     
-      <div class="span3"><a href="../icon/compass"><i class="icon-compass"></i> icon-compass</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rub"><i class="fa fa-rub"></i> fa-rub</a></div>
     
-      <div class="span3"><a href="../icon/collapse"><i class="icon-collapse"></i> icon-collapse</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rub"><i class="fa fa-ruble"></i> fa-ruble <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/collapse-top"><i class="icon-collapse-top"></i> icon-collapse-top</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rub"><i class="fa fa-rouble"></i> fa-rouble <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/expand"><i class="icon-expand"></i> icon-expand</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pagelines"><i class="fa fa-pagelines"></i> fa-pagelines</a></div>
     
-      <div class="span3"><a href="../icon/eur"><i class="icon-eur"></i> icon-eur</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stack-exchange"><i class="fa fa-stack-exchange"></i> fa-stack-exchange</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="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-o-right"><i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right</a></div>
     
-      <div class="span3"><a href="../icon/gbp"><i class="icon-gbp"></i> icon-gbp</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-o-left"><i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left</a></div>
     
-      <div class="span3"><a href="../icon/usd"><i class="icon-usd"></i> icon-usd</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-left"><i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left</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="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-left"><i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/inr"><i class="icon-inr"></i> icon-inr</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/dot-circle-o"><i class="fa fa-dot-circle-o"></i> fa-dot-circle-o</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="fa-hover col-md-3 col-sm-4"><a href="../icon/wheelchair"><i class="fa fa-wheelchair"></i> fa-wheelchair</a></div>
     
-      <div class="span3"><a href="../icon/jpy"><i class="icon-jpy"></i> icon-jpy</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/vimeo-square"><i class="fa fa-vimeo-square"></i> fa-vimeo-square</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="fa-hover col-md-3 col-sm-4"><a href="../icon/try"><i class="fa fa-try"></i> fa-try</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 class="fa-hover col-md-3 col-sm-4"><a href="../icon/try"><i class="fa fa-turkish-lira"></i> fa-turkish-lira <span class="text-muted">(alias)</span></a></div>
     
   </div>
 
 </div>
 
-<section id="web-application">
+  <section id="web-application">
   <h2 class="page-header">Web Application Icons</h2>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     
 
     
-      <div class="span3"><a href="../icon/adjust"><i class="icon-adjust"></i> icon-adjust</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/adjust"><i class="fa fa-adjust"></i> fa-adjust</a></div>
     
-      <div class="span3"><a href="../icon/anchor"><i class="icon-anchor"></i> icon-anchor</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/anchor"><i class="fa fa-anchor"></i> fa-anchor</a></div>
     
-      <div class="span3"><a href="../icon/archive"><i class="icon-archive"></i> icon-archive</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/archive"><i class="fa fa-archive"></i> fa-archive</a></div>
     
-      <div class="span3"><a href="../icon/asterisk"><i class="icon-asterisk"></i> icon-asterisk</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/asterisk"><i class="fa fa-asterisk"></i> fa-asterisk</a></div>
     
-      <div class="span3"><a href="../icon/ban-circle"><i class="icon-ban-circle"></i> icon-ban-circle</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ban"><i class="fa fa-ban"></i> fa-ban</a></div>
     
-      <div class="span3"><a href="../icon/bar-chart"><i class="icon-bar-chart"></i> icon-bar-chart</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bar-chart-o"><i class="fa fa-bar-chart-o"></i> fa-bar-chart-o</a></div>
     
-      <div class="span3"><a href="../icon/barcode"><i class="icon-barcode"></i> icon-barcode</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/barcode"><i class="fa fa-barcode"></i> fa-barcode</a></div>
     
-      <div class="span3"><a href="../icon/beaker"><i class="icon-beaker"></i> icon-beaker</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/beer"><i class="fa fa-beer"></i> fa-beer</a></div>
     
-      <div class="span3"><a href="../icon/beer"><i class="icon-beer"></i> icon-beer</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bell"><i class="fa fa-bell"></i> fa-bell</a></div>
     
-      <div class="span3"><a href="../icon/bell"><i class="icon-bell"></i> icon-bell</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bell-o"><i class="fa fa-bell-o"></i> fa-bell-o</a></div>
     
-      <div class="span3"><a href="../icon/bell-alt"><i class="icon-bell-alt"></i> icon-bell-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bolt"><i class="fa fa-bolt"></i> fa-bolt</a></div>
     
-      <div class="span3"><a href="../icon/bolt"><i class="icon-bolt"></i> icon-bolt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/book"><i class="fa fa-book"></i> fa-book</a></div>
     
-      <div class="span3"><a href="../icon/book"><i class="icon-book"></i> icon-book</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bookmark"><i class="fa fa-bookmark"></i> fa-bookmark</a></div>
     
-      <div class="span3"><a href="../icon/bookmark"><i class="icon-bookmark"></i> icon-bookmark</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bookmark-o"><i class="fa fa-bookmark-o"></i> fa-bookmark-o</a></div>
     
-      <div class="span3"><a href="../icon/bookmark-empty"><i class="icon-bookmark-empty"></i> icon-bookmark-empty</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/briefcase"><i class="fa fa-briefcase"></i> fa-briefcase</a></div>
     
-      <div class="span3"><a href="../icon/briefcase"><i class="icon-briefcase"></i> icon-briefcase</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bug"><i class="fa fa-bug"></i> fa-bug</a></div>
     
-      <div class="span3"><a href="../icon/bug"><i class="icon-bug"></i> icon-bug</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/building"><i class="fa fa-building"></i> fa-building</a></div>
     
-      <div class="span3"><a href="../icon/building"><i class="icon-building"></i> icon-building</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bullhorn"><i class="fa fa-bullhorn"></i> fa-bullhorn</a></div>
     
-      <div class="span3"><a href="../icon/bullhorn"><i class="icon-bullhorn"></i> icon-bullhorn</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bullseye"><i class="fa fa-bullseye"></i> fa-bullseye</a></div>
     
-      <div class="span3"><a href="../icon/bullseye"><i class="icon-bullseye"></i> icon-bullseye</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/calendar"><i class="fa fa-calendar"></i> fa-calendar</a></div>
     
-      <div class="span3"><a href="../icon/calendar"><i class="icon-calendar"></i> icon-calendar</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/calendar-o"><i class="fa fa-calendar-o"></i> fa-calendar-o</a></div>
     
-      <div class="span3"><a href="../icon/calendar-empty"><i class="icon-calendar-empty"></i> icon-calendar-empty</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/camera"><i class="fa fa-camera"></i> fa-camera</a></div>
     
-      <div class="span3"><a href="../icon/camera"><i class="icon-camera"></i> icon-camera</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/camera-retro"><i class="fa fa-camera-retro"></i> fa-camera-retro</a></div>
     
-      <div class="span3"><a href="../icon/camera-retro"><i class="icon-camera-retro"></i> icon-camera-retro</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-down"><i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down</a></div>
     
-      <div class="span3"><a href="../icon/certificate"><i class="icon-certificate"></i> icon-certificate</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-left"><i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left</a></div>
     
-      <div class="span3"><a href="../icon/check"><i class="icon-check"></i> icon-check</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-right"><i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right</a></div>
     
-      <div class="span3"><a href="../icon/check-empty"><i class="icon-check-empty"></i> icon-check-empty</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-up"><i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up</a></div>
     
-      <div class="span3"><a href="../icon/check-minus"><i class="icon-check-minus"></i> icon-check-minus</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/certificate"><i class="fa fa-certificate"></i> fa-certificate</a></div>
     
-      <div class="span3"><a href="../icon/check-sign"><i class="icon-check-sign"></i> icon-check-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check"><i class="fa fa-check"></i> fa-check</a></div>
     
-      <div class="span3"><a href="../icon/circle"><i class="icon-circle"></i> icon-circle</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check-circle"><i class="fa fa-check-circle"></i> fa-check-circle</a></div>
     
-      <div class="span3"><a href="../icon/circle-blank"><i class="icon-circle-blank"></i> icon-circle-blank</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check-circle-o"><i class="fa fa-check-circle-o"></i> fa-check-circle-o</a></div>
     
-      <div class="span3"><a href="../icon/cloud"><i class="icon-cloud"></i> icon-cloud</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check-square"><i class="fa fa-check-square"></i> fa-check-square</a></div>
     
-      <div class="span3"><a href="../icon/cloud-download"><i class="icon-cloud-download"></i> icon-cloud-download</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check-square-o"><i class="fa fa-check-square-o"></i> fa-check-square-o</a></div>
     
-      <div class="span3"><a href="../icon/cloud-upload"><i class="icon-cloud-upload"></i> icon-cloud-upload</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/circle"><i class="fa fa-circle"></i> fa-circle</a></div>
     
-      <div class="span3"><a href="../icon/code"><i class="icon-code"></i> icon-code</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/circle-o"><i class="fa fa-circle-o"></i> fa-circle-o</a></div>
     
-      <div class="span3"><a href="../icon/code-fork"><i class="icon-code-fork"></i> icon-code-fork</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/clock-o"><i class="fa fa-clock-o"></i> fa-clock-o</a></div>
     
-      <div class="span3"><a href="../icon/coffee"><i class="icon-coffee"></i> icon-coffee</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cloud"><i class="fa fa-cloud"></i> fa-cloud</a></div>
     
-      <div class="span3"><a href="../icon/cog"><i class="icon-cog"></i> icon-cog</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cloud-download"><i class="fa fa-cloud-download"></i> fa-cloud-download</a></div>
     
-      <div class="span3"><a href="../icon/cogs"><i class="icon-cogs"></i> icon-cogs</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cloud-upload"><i class="fa fa-cloud-upload"></i> fa-cloud-upload</a></div>
     
-      <div class="span3"><a href="../icon/collapse"><i class="icon-collapse"></i> icon-collapse</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/code"><i class="fa fa-code"></i> fa-code</a></div>
     
-      <div class="span3"><a href="../icon/collapse-alt"><i class="icon-collapse-alt"></i> icon-collapse-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/code-fork"><i class="fa fa-code-fork"></i> fa-code-fork</a></div>
     
-      <div class="span3"><a href="../icon/collapse-top"><i class="icon-collapse-top"></i> icon-collapse-top</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/coffee"><i class="fa fa-coffee"></i> fa-coffee</a></div>
     
-      <div class="span3"><a href="../icon/comment"><i class="icon-comment"></i> icon-comment</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cog"><i class="fa fa-cog"></i> fa-cog</a></div>
     
-      <div class="span3"><a href="../icon/comment-alt"><i class="icon-comment-alt"></i> icon-comment-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cogs"><i class="fa fa-cogs"></i> fa-cogs</a></div>
     
-      <div class="span3"><a href="../icon/comments"><i class="icon-comments"></i> icon-comments</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/collapse-o"><i class="fa fa-collapse-o"></i> fa-collapse-o</a></div>
     
-      <div class="span3"><a href="../icon/comments-alt"><i class="icon-comments-alt"></i> icon-comments-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/comment"><i class="fa fa-comment"></i> fa-comment</a></div>
     
-      <div class="span3"><a href="../icon/compass"><i class="icon-compass"></i> icon-compass</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/comment-o"><i class="fa fa-comment-o"></i> fa-comment-o</a></div>
     
-      <div class="span3"><a href="../icon/credit-card"><i class="icon-credit-card"></i> icon-credit-card</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/comments"><i class="fa fa-comments"></i> fa-comments</a></div>
     
-      <div class="span3"><a href="../icon/crop"><i class="icon-crop"></i> icon-crop</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/comments-o"><i class="fa fa-comments-o"></i> fa-comments-o</a></div>
     
-      <div class="span3"><a href="../icon/dashboard"><i class="icon-dashboard"></i> icon-dashboard</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/compass"><i class="fa fa-compass"></i> fa-compass</a></div>
     
-      <div class="span3"><a href="../icon/desktop"><i class="icon-desktop"></i> icon-desktop</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/credit-card"><i class="fa fa-credit-card"></i> fa-credit-card</a></div>
     
-      <div class="span3"><a href="../icon/download"><i class="icon-download"></i> icon-download</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/crop"><i class="fa fa-crop"></i> fa-crop</a></div>
     
-      <div class="span3"><a href="../icon/download-alt"><i class="icon-download-alt"></i> icon-download-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/crosshairs"><i class="fa fa-crosshairs"></i> fa-crosshairs</a></div>
     
-      <div class="span3"><a href="../icon/edit"><i class="icon-edit"></i> icon-edit</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cutlery"><i class="fa fa-cutlery"></i> fa-cutlery</a></div>
     
-      <div class="span3"><a href="../icon/edit-sign"><i class="icon-edit-sign"></i> icon-edit-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tachometer"><i class="fa fa-dashboard"></i> fa-dashboard <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/ellipsis-horizontal"><i class="icon-ellipsis-horizontal"></i> icon-ellipsis-horizontal</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/desktop"><i class="fa fa-desktop"></i> fa-desktop</a></div>
     
-      <div class="span3"><a href="../icon/ellipsis-vertical"><i class="icon-ellipsis-vertical"></i> icon-ellipsis-vertical</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/dot-circle-o"><i class="fa fa-dot-circle-o"></i> fa-dot-circle-o</a></div>
     
-      <div class="span3"><a href="../icon/envelope"><i class="icon-envelope"></i> icon-envelope</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/download"><i class="fa fa-download"></i> fa-download</a></div>
     
-      <div class="span3"><a href="../icon/envelope-alt"><i class="icon-envelope-alt"></i> icon-envelope-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pencil-square-o"><i class="fa fa-edit"></i> fa-edit <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/eraser"><i class="icon-eraser"></i> icon-eraser</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ellipsis-horizontal"><i class="fa fa-ellipsis-horizontal"></i> fa-ellipsis-horizontal</a></div>
     
-      <div class="span3"><a href="../icon/exchange"><i class="icon-exchange"></i> icon-exchange</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ellipsis-vertical"><i class="fa fa-ellipsis-vertical"></i> fa-ellipsis-vertical</a></div>
     
-      <div class="span3"><a href="../icon/exclamation"><i class="icon-exclamation"></i> icon-exclamation</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/envelope"><i class="fa fa-envelope"></i> fa-envelope</a></div>
     
-      <div class="span3"><a href="../icon/exclamation-sign"><i class="icon-exclamation-sign"></i> icon-exclamation-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/envelope-o"><i class="fa fa-envelope-o"></i> fa-envelope-o</a></div>
     
-      <div class="span3"><a href="../icon/expand"><i class="icon-expand"></i> icon-expand</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eraser"><i class="fa fa-eraser"></i> fa-eraser</a></div>
     
-      <div class="span3"><a href="../icon/expand-alt"><i class="icon-expand-alt"></i> icon-expand-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/exchange"><i class="fa fa-exchange"></i> fa-exchange</a></div>
     
-      <div class="span3"><a href="../icon/external-link"><i class="icon-external-link"></i> icon-external-link</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/exclamation"><i class="fa fa-exclamation"></i> fa-exclamation</a></div>
     
-      <div class="span3"><a href="../icon/external-link-sign"><i class="icon-external-link-sign"></i> icon-external-link-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/exclamation-circle"><i class="fa fa-exclamation-circle"></i> fa-exclamation-circle</a></div>
     
-      <div class="span3"><a href="../icon/eye-close"><i class="icon-eye-close"></i> icon-eye-close</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/exclamation-triangle"><i class="fa fa-exclamation-triangle"></i> fa-exclamation-triangle</a></div>
     
-      <div class="span3"><a href="../icon/eye-open"><i class="icon-eye-open"></i> icon-eye-open</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/expand-o"><i class="fa fa-expand-o"></i> fa-expand-o</a></div>
     
-      <div class="span3"><a href="../icon/facetime-video"><i class="icon-facetime-video"></i> icon-facetime-video</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/external-link"><i class="fa fa-external-link"></i> fa-external-link</a></div>
     
-      <div class="span3"><a href="../icon/female"><i class="icon-female"></i> icon-female</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/external-link-square"><i class="fa fa-external-link-square"></i> fa-external-link-square</a></div>
     
-      <div class="span3"><a href="../icon/fighter-jet"><i class="icon-fighter-jet"></i> icon-fighter-jet</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eye"><i class="fa fa-eye"></i> fa-eye</a></div>
     
-      <div class="span3"><a href="../icon/film"><i class="icon-film"></i> icon-film</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eye-slash"><i class="fa fa-eye-slash"></i> fa-eye-slash</a></div>
     
-      <div class="span3"><a href="../icon/filter"><i class="icon-filter"></i> icon-filter</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/female"><i class="fa fa-female"></i> fa-female</a></div>
     
-      <div class="span3"><a href="../icon/fire"><i class="icon-fire"></i> icon-fire</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fighter-jet"><i class="fa fa-fighter-jet"></i> fa-fighter-jet</a></div>
     
-      <div class="span3"><a href="../icon/fire-extinguisher"><i class="icon-fire-extinguisher"></i> icon-fire-extinguisher</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/film"><i class="fa fa-film"></i> fa-film</a></div>
     
-      <div class="span3"><a href="../icon/flag"><i class="icon-flag"></i> icon-flag</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/filter"><i class="fa fa-filter"></i> fa-filter</a></div>
     
-      <div class="span3"><a href="../icon/flag-alt"><i class="icon-flag-alt"></i> icon-flag-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fire"><i class="fa fa-fire"></i> fa-fire</a></div>
     
-      <div class="span3"><a href="../icon/flag-checkered"><i class="icon-flag-checkered"></i> icon-flag-checkered</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fire-extinguisher"><i class="fa fa-fire-extinguisher"></i> fa-fire-extinguisher</a></div>
     
-      <div class="span3"><a href="../icon/folder-close"><i class="icon-folder-close"></i> icon-folder-close</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/flag"><i class="fa fa-flag"></i> fa-flag</a></div>
     
-      <div class="span3"><a href="../icon/folder-close-alt"><i class="icon-folder-close-alt"></i> icon-folder-close-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/flag-checkered"><i class="fa fa-flag-checkered"></i> fa-flag-checkered</a></div>
     
-      <div class="span3"><a href="../icon/folder-open"><i class="icon-folder-open"></i> icon-folder-open</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/flag-o"><i class="fa fa-flag-o"></i> fa-flag-o</a></div>
     
-      <div class="span3"><a href="../icon/folder-open-alt"><i class="icon-folder-open-alt"></i> icon-folder-open-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bolt"><i class="fa fa-flash"></i> fa-flash <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/food"><i class="icon-food"></i> icon-food</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/flask"><i class="fa fa-flask"></i> fa-flask</a></div>
     
-      <div class="span3"><a href="../icon/frown"><i class="icon-frown"></i> icon-frown</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/folder"><i class="fa fa-folder"></i> fa-folder</a></div>
     
-      <div class="span3"><a href="../icon/gamepad"><i class="icon-gamepad"></i> icon-gamepad</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/folder-o"><i class="fa fa-folder-o"></i> fa-folder-o</a></div>
     
-      <div class="span3"><a href="../icon/cog"><i class="icon-gear"></i> icon-gear <span class="muted">(alias)</span></a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/folder-open"><i class="fa fa-folder-open"></i> fa-folder-open</a></div>
     
-      <div class="span3"><a href="../icon/cogs"><i class="icon-gears"></i> icon-gears <span class="muted">(alias)</span></a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/folder-open-o"><i class="fa fa-folder-open-o"></i> fa-folder-open-o</a></div>
     
-      <div class="span3"><a href="../icon/gift"><i class="icon-gift"></i> icon-gift</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/frown-o"><i class="fa fa-frown-o"></i> fa-frown-o</a></div>
     
-      <div class="span3"><a href="../icon/glass"><i class="icon-glass"></i> icon-glass</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gamepad"><i class="fa fa-gamepad"></i> fa-gamepad</a></div>
     
-      <div class="span3"><a href="../icon/globe"><i class="icon-globe"></i> icon-globe</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gavel"><i class="fa fa-gavel"></i> fa-gavel</a></div>
     
-      <div class="span3"><a href="../icon/group"><i class="icon-group"></i> icon-group</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cog"><i class="fa fa-gear"></i> fa-gear <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/hdd"><i class="icon-hdd"></i> icon-hdd</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cogs"><i class="fa fa-gears"></i> fa-gears <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/headphones"><i class="icon-headphones"></i> icon-headphones</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gift"><i class="fa fa-gift"></i> fa-gift</a></div>
     
-      <div class="span3"><a href="../icon/heart"><i class="icon-heart"></i> icon-heart</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/glass"><i class="fa fa-glass"></i> fa-glass</a></div>
     
-      <div class="span3"><a href="../icon/heart-empty"><i class="icon-heart-empty"></i> icon-heart-empty</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/globe"><i class="fa fa-globe"></i> fa-globe</a></div>
     
-      <div class="span3"><a href="../icon/home"><i class="icon-home"></i> icon-home</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/group"><i class="fa fa-group"></i> fa-group</a></div>
     
-      <div class="span3"><a href="../icon/inbox"><i class="icon-inbox"></i> icon-inbox</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hdd"><i class="fa fa-hdd"></i> fa-hdd</a></div>
     
-      <div class="span3"><a href="../icon/info"><i class="icon-info"></i> icon-info</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/headphones"><i class="fa fa-headphones"></i> fa-headphones</a></div>
     
-      <div class="span3"><a href="../icon/info-sign"><i class="icon-info-sign"></i> icon-info-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/heart"><i class="fa fa-heart"></i> fa-heart</a></div>
     
-      <div class="span3"><a href="../icon/key"><i class="icon-key"></i> icon-key</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/heart-o"><i class="fa fa-heart-o"></i> fa-heart-o</a></div>
     
-      <div class="span3"><a href="../icon/keyboard"><i class="icon-keyboard"></i> icon-keyboard</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/home"><i class="fa fa-home"></i> fa-home</a></div>
     
-      <div class="span3"><a href="../icon/laptop"><i class="icon-laptop"></i> icon-laptop</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/inbox"><i class="fa fa-inbox"></i> fa-inbox</a></div>
     
-      <div class="span3"><a href="../icon/leaf"><i class="icon-leaf"></i> icon-leaf</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/info"><i class="fa fa-info"></i> fa-info</a></div>
     
-      <div class="span3"><a href="../icon/legal"><i class="icon-legal"></i> icon-legal</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/info-circle"><i class="fa fa-info-circle"></i> fa-info-circle</a></div>
     
-      <div class="span3"><a href="../icon/lemon"><i class="icon-lemon"></i> icon-lemon</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/key"><i class="fa fa-key"></i> fa-key</a></div>
     
-      <div class="span3"><a href="../icon/level-down"><i class="icon-level-down"></i> icon-level-down</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/keyboard-o"><i class="fa fa-keyboard-o"></i> fa-keyboard-o</a></div>
     
-      <div class="span3"><a href="../icon/level-up"><i class="icon-level-up"></i> icon-level-up</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/laptop"><i class="fa fa-laptop"></i> fa-laptop</a></div>
     
-      <div class="span3"><a href="../icon/lightbulb"><i class="icon-lightbulb"></i> icon-lightbulb</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/leaf"><i class="fa fa-leaf"></i> fa-leaf</a></div>
     
-      <div class="span3"><a href="../icon/location-arrow"><i class="icon-location-arrow"></i> icon-location-arrow</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gavel"><i class="fa fa-legal"></i> fa-legal <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/lock"><i class="icon-lock"></i> icon-lock</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/lemon-o"><i class="fa fa-lemon-o"></i> fa-lemon-o</a></div>
     
-      <div class="span3"><a href="../icon/magic"><i class="icon-magic"></i> icon-magic</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/level-down"><i class="fa fa-level-down"></i> fa-level-down</a></div>
     
-      <div class="span3"><a href="../icon/magnet"><i class="icon-magnet"></i> icon-magnet</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/level-up"><i class="fa fa-level-up"></i> fa-level-up</a></div>
     
-      <div class="span3"><a href="../icon/share-alt"><i class="icon-mail-forward"></i> icon-mail-forward <span class="muted">(alias)</span></a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/lightbulb-o"><i class="fa fa-lightbulb-o"></i> fa-lightbulb-o</a></div>
     
-      <div class="span3"><a href="../icon/reply"><i class="icon-mail-reply"></i> icon-mail-reply <span class="muted">(alias)</span></a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/location-arrow"><i class="fa fa-location-arrow"></i> fa-location-arrow</a></div>
     
-      <div class="span3"><a href="../icon/mail-reply-all"><i class="icon-mail-reply-all"></i> icon-mail-reply-all</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/lock"><i class="fa fa-lock"></i> fa-lock</a></div>
     
-      <div class="span3"><a href="../icon/male"><i class="icon-male"></i> icon-male</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/magic"><i class="fa fa-magic"></i> fa-magic</a></div>
     
-      <div class="span3"><a href="../icon/map-marker"><i class="icon-map-marker"></i> icon-map-marker</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/magnet"><i class="fa fa-magnet"></i> fa-magnet</a></div>
     
-      <div class="span3"><a href="../icon/meh"><i class="icon-meh"></i> icon-meh</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/share"><i class="fa fa-mail-forward"></i> fa-mail-forward <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/microphone"><i class="icon-microphone"></i> icon-microphone</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/reply"><i class="fa fa-mail-reply"></i> fa-mail-reply <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/microphone-off"><i class="icon-microphone-off"></i> icon-microphone-off</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mail-reply-all"><i class="fa fa-mail-reply-all"></i> fa-mail-reply-all</a></div>
     
-      <div class="span3"><a href="../icon/minus"><i class="icon-minus"></i> icon-minus</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/male"><i class="fa fa-male"></i> fa-male</a></div>
     
-      <div class="span3"><a href="../icon/minus-sign"><i class="icon-minus-sign"></i> icon-minus-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/map-marker"><i class="fa fa-map-marker"></i> fa-map-marker</a></div>
     
-      <div class="span3"><a href="../icon/minus-sign-alt"><i class="icon-minus-sign-alt"></i> icon-minus-sign-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/meh-o"><i class="fa fa-meh-o"></i> fa-meh-o</a></div>
     
-      <div class="span3"><a href="../icon/mobile-phone"><i class="icon-mobile-phone"></i> icon-mobile-phone</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/microphone"><i class="fa fa-microphone"></i> fa-microphone</a></div>
     
-      <div class="span3"><a href="../icon/money"><i class="icon-money"></i> icon-money</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/microphone-slash"><i class="fa fa-microphone-slash"></i> fa-microphone-slash</a></div>
     
-      <div class="span3"><a href="../icon/moon"><i class="icon-moon"></i> icon-moon</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/minus"><i class="fa fa-minus"></i> fa-minus</a></div>
     
-      <div class="span3"><a href="../icon/move"><i class="icon-move"></i> icon-move</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/minus-circle"><i class="fa fa-minus-circle"></i> fa-minus-circle</a></div>
     
-      <div class="span3"><a href="../icon/music"><i class="icon-music"></i> icon-music</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/minus-square"><i class="fa fa-minus-square"></i> fa-minus-square</a></div>
     
-      <div class="span3"><a href="../icon/off"><i class="icon-off"></i> icon-off</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/minus-square-o"><i class="fa fa-minus-square-o"></i> fa-minus-square-o</a></div>
     
-      <div class="span3"><a href="../icon/ok"><i class="icon-ok"></i> icon-ok</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mobile"><i class="fa fa-mobile"></i> fa-mobile</a></div>
     
-      <div class="span3"><a href="../icon/ok-circle"><i class="icon-ok-circle"></i> icon-ok-circle</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/mobile"><i class="fa fa-mobile-phone"></i> fa-mobile-phone <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/ok-sign"><i class="icon-ok-sign"></i> icon-ok-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/money"><i class="fa fa-money"></i> fa-money</a></div>
     
-      <div class="span3"><a href="../icon/pencil"><i class="icon-pencil"></i> icon-pencil</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/moon-o"><i class="fa fa-moon-o"></i> fa-moon-o</a></div>
     
-      <div class="span3"><a href="../icon/phone"><i class="icon-phone"></i> icon-phone</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/move"><i class="fa fa-move"></i> fa-move</a></div>
     
-      <div class="span3"><a href="../icon/phone-sign"><i class="icon-phone-sign"></i> icon-phone-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/music"><i class="fa fa-music"></i> fa-music</a></div>
     
-      <div class="span3"><a href="../icon/picture"><i class="icon-picture"></i> icon-picture</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pencil"><i class="fa fa-pencil"></i> fa-pencil</a></div>
     
-      <div class="span3"><a href="../icon/plane"><i class="icon-plane"></i> icon-plane</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pencil-square"><i class="fa fa-pencil-square"></i> fa-pencil-square</a></div>
     
-      <div class="span3"><a href="../icon/plus"><i class="icon-plus"></i> icon-plus</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pencil-square-o"><i class="fa fa-pencil-square-o"></i> fa-pencil-square-o</a></div>
     
-      <div class="span3"><a href="../icon/plus-sign"><i class="icon-plus-sign"></i> icon-plus-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/phone"><i class="fa fa-phone"></i> fa-phone</a></div>
     
-      <div class="span3"><a href="../icon/plus-sign-alt"><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/phone-square"><i class="fa fa-phone-square"></i> fa-phone-square</a></div>
     
-      <div class="span3"><a href="../icon/off"><i class="icon-power-off"></i> icon-power-off <span class="muted">(alias)</span></a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/picture-o"><i class="fa fa-picture-o"></i> fa-picture-o</a></div>
     
-      <div class="span3"><a href="../icon/print"><i class="icon-print"></i> icon-print</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plane"><i class="fa fa-plane"></i> fa-plane</a></div>
     
-      <div class="span3"><a href="../icon/pushpin"><i class="icon-pushpin"></i> icon-pushpin</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plus"><i class="fa fa-plus"></i> fa-plus</a></div>
     
-      <div class="span3"><a href="../icon/puzzle-piece"><i class="icon-puzzle-piece"></i> icon-puzzle-piece</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plus-circle"><i class="fa fa-plus-circle"></i> fa-plus-circle</a></div>
     
-      <div class="span3"><a href="../icon/qrcode"><i class="icon-qrcode"></i> icon-qrcode</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plus-square"><i class="fa fa-plus-square"></i> fa-plus-square</a></div>
     
-      <div class="span3"><a href="../icon/question"><i class="icon-question"></i> icon-question</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/power-off"><i class="fa fa-power-off"></i> fa-power-off</a></div>
     
-      <div class="span3"><a href="../icon/question-sign"><i class="icon-question-sign"></i> icon-question-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/print"><i class="fa fa-print"></i> fa-print</a></div>
     
-      <div class="span3"><a href="../icon/quote-left"><i class="icon-quote-left"></i> icon-quote-left</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/puzzle-piece"><i class="fa fa-puzzle-piece"></i> fa-puzzle-piece</a></div>
     
-      <div class="span3"><a href="../icon/quote-right"><i class="icon-quote-right"></i> icon-quote-right</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/qrcode"><i class="fa fa-qrcode"></i> fa-qrcode</a></div>
     
-      <div class="span3"><a href="../icon/random"><i class="icon-random"></i> icon-random</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/question"><i class="fa fa-question"></i> fa-question</a></div>
     
-      <div class="span3"><a href="../icon/refresh"><i class="icon-refresh"></i> icon-refresh</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/question-circle"><i class="fa fa-question-circle"></i> fa-question-circle</a></div>
     
-      <div class="span3"><a href="../icon/remove"><i class="icon-remove"></i> icon-remove</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/quote-left"><i class="fa fa-quote-left"></i> fa-quote-left</a></div>
     
-      <div class="span3"><a href="../icon/remove-circle"><i class="icon-remove-circle"></i> icon-remove-circle</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/quote-right"><i class="fa fa-quote-right"></i> fa-quote-right</a></div>
     
-      <div class="span3"><a href="../icon/remove-sign"><i class="icon-remove-sign"></i> icon-remove-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/random"><i class="fa fa-random"></i> fa-random</a></div>
     
-      <div class="span3"><a href="../icon/reorder"><i class="icon-reorder"></i> icon-reorder</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/refresh"><i class="fa fa-refresh"></i> fa-refresh</a></div>
     
-      <div class="span3"><a href="../icon/reply"><i class="icon-reply"></i> icon-reply</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/reorder"><i class="fa fa-reorder"></i> fa-reorder</a></div>
     
-      <div class="span3"><a href="../icon/reply-all"><i class="icon-reply-all"></i> icon-reply-all</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/reply"><i class="fa fa-reply"></i> fa-reply</a></div>
     
-      <div class="span3"><a href="../icon/resize-horizontal"><i class="icon-resize-horizontal"></i> icon-resize-horizontal</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/reply-all"><i class="fa fa-reply-all"></i> fa-reply-all</a></div>
     
-      <div class="span3"><a href="../icon/resize-vertical"><i class="icon-resize-vertical"></i> icon-resize-vertical</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/resize-horizontal"><i class="fa fa-resize-horizontal"></i> fa-resize-horizontal</a></div>
     
-      <div class="span3"><a href="../icon/retweet"><i class="icon-retweet"></i> icon-retweet</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/resize-vertical"><i class="fa fa-resize-vertical"></i> fa-resize-vertical</a></div>
     
-      <div class="span3"><a href="../icon/road"><i class="icon-road"></i> icon-road</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/retweet"><i class="fa fa-retweet"></i> fa-retweet</a></div>
     
-      <div class="span3"><a href="../icon/rocket"><i class="icon-rocket"></i> icon-rocket</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/road"><i class="fa fa-road"></i> fa-road</a></div>
     
-      <div class="span3"><a href="../icon/rss"><i class="icon-rss"></i> icon-rss</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rocket"><i class="fa fa-rocket"></i> fa-rocket</a></div>
     
-      <div class="span3"><a href="../icon/rss-sign"><i class="icon-rss-sign"></i> icon-rss-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rss"><i class="fa fa-rss"></i> fa-rss</a></div>
     
-      <div class="span3"><a href="../icon/screenshot"><i class="icon-screenshot"></i> icon-screenshot</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rss-square"><i class="fa fa-rss-square"></i> fa-rss-square</a></div>
     
-      <div class="span3"><a href="../icon/search"><i class="icon-search"></i> icon-search</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/search"><i class="fa fa-search"></i> fa-search</a></div>
     
-      <div class="span3"><a href="../icon/share"><i class="icon-share"></i> icon-share</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/search-minus"><i class="fa fa-search-minus"></i> fa-search-minus</a></div>
     
-      <div class="span3"><a href="../icon/share-alt"><i class="icon-share-alt"></i> icon-share-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/search-plus"><i class="fa fa-search-plus"></i> fa-search-plus</a></div>
     
-      <div class="span3"><a href="../icon/share-sign"><i class="icon-share-sign"></i> icon-share-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/share"><i class="fa fa-share"></i> fa-share</a></div>
     
-      <div class="span3"><a href="../icon/shield"><i class="icon-shield"></i> icon-shield</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/share-square"><i class="fa fa-share-square"></i> fa-share-square</a></div>
     
-      <div class="span3"><a href="../icon/shopping-cart"><i class="icon-shopping-cart"></i> icon-shopping-cart</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/share-square-o"><i class="fa fa-share-square-o"></i> fa-share-square-o</a></div>
     
-      <div class="span3"><a href="../icon/sign-blank"><i class="icon-sign-blank"></i> icon-sign-blank</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/shield"><i class="fa fa-shield"></i> fa-shield</a></div>
     
-      <div class="span3"><a href="../icon/signal"><i class="icon-signal"></i> icon-signal</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/shopping-cart"><i class="fa fa-shopping-cart"></i> fa-shopping-cart</a></div>
     
-      <div class="span3"><a href="../icon/signin"><i class="icon-signin"></i> icon-signin</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sign-in"><i class="fa fa-sign-in"></i> fa-sign-in</a></div>
     
-      <div class="span3"><a href="../icon/signout"><i class="icon-signout"></i> icon-signout</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sign-out"><i class="fa fa-sign-out"></i> fa-sign-out</a></div>
     
-      <div class="span3"><a href="../icon/sitemap"><i class="icon-sitemap"></i> icon-sitemap</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/signal"><i class="fa fa-signal"></i> fa-signal</a></div>
     
-      <div class="span3"><a href="../icon/smile"><i class="icon-smile"></i> icon-smile</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sitemap"><i class="fa fa-sitemap"></i> fa-sitemap</a></div>
     
-      <div class="span3"><a href="../icon/sort"><i class="icon-sort"></i> icon-sort</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/smile-o"><i class="fa fa-smile-o"></i> fa-smile-o</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="fa-hover col-md-3 col-sm-4"><a href="../icon/sort"><i class="fa fa-sort"></i> fa-sort</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="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-alpha-asc"><i class="fa fa-sort-alpha-asc"></i> fa-sort-alpha-asc</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="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-alpha-desc"><i class="fa fa-sort-alpha-desc"></i> fa-sort-alpha-desc</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="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-amount-asc"><i class="fa fa-sort-amount-asc"></i> fa-sort-amount-asc</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="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-amount-desc"><i class="fa fa-sort-amount-desc"></i> fa-sort-amount-desc</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="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-asc"><i class="fa fa-sort-asc"></i> fa-sort-asc</a></div>
     
-      <div class="span3"><a href="../icon/sort-down"><i class="icon-sort-down"></i> icon-sort-down</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-desc"><i class="fa fa-sort-desc"></i> fa-sort-desc</a></div>
     
-      <div class="span3"><a href="../icon/sort-up"><i class="icon-sort-up"></i> icon-sort-up</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-asc"><i class="fa fa-sort-down"></i> fa-sort-down <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/spinner"><i class="icon-spinner"></i> icon-spinner</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-numeric-asc"><i class="fa fa-sort-numeric-asc"></i> fa-sort-numeric-asc</a></div>
     
-      <div class="span3"><a href="../icon/star"><i class="icon-star"></i> icon-star</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-numeric-desc"><i class="fa fa-sort-numeric-desc"></i> fa-sort-numeric-desc</a></div>
     
-      <div class="span3"><a href="../icon/star-empty"><i class="icon-star-empty"></i> icon-star-empty</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort-desc"><i class="fa fa-sort-up"></i> fa-sort-up <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/star-half"><i class="icon-star-half"></i> icon-star-half</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/spinner"><i class="fa fa-spinner"></i> fa-spinner</a></div>
     
-      <div class="span3"><a href="../icon/star-half-empty"><i class="icon-star-half-empty"></i> icon-star-half-empty</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/square"><i class="fa fa-square"></i> fa-square</a></div>
     
-      <div class="span3"><a href="../icon/star-half-empty"><i class="icon-star-half-full"></i> icon-star-half-full <span class="muted">(alias)</span></a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/square-o"><i class="fa fa-square-o"></i> fa-square-o</a></div>
     
-      <div class="span3"><a href="../icon/subscript"><i class="icon-subscript"></i> icon-subscript</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/star"><i class="fa fa-star"></i> fa-star</a></div>
     
-      <div class="span3"><a href="../icon/suitcase"><i class="icon-suitcase"></i> icon-suitcase</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/star-half"><i class="fa fa-star-half"></i> fa-star-half</a></div>
     
-      <div class="span3"><a href="../icon/sun"><i class="icon-sun"></i> icon-sun</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/star-half-o"><i class="fa fa-star-half-empty"></i> fa-star-half-empty <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/superscript"><i class="icon-superscript"></i> icon-superscript</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/star-half-o"><i class="fa fa-star-half-full"></i> fa-star-half-full <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/tablet"><i class="icon-tablet"></i> icon-tablet</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/star-half-o"><i class="fa fa-star-half-o"></i> fa-star-half-o</a></div>
     
-      <div class="span3"><a href="../icon/tag"><i class="icon-tag"></i> icon-tag</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/star-o"><i class="fa fa-star-o"></i> fa-star-o</a></div>
     
-      <div class="span3"><a href="../icon/tags"><i class="icon-tags"></i> icon-tags</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/subscript"><i class="fa fa-subscript"></i> fa-subscript</a></div>
     
-      <div class="span3"><a href="../icon/tasks"><i class="icon-tasks"></i> icon-tasks</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/suitcase"><i class="fa fa-suitcase"></i> fa-suitcase</a></div>
     
-      <div class="span3"><a href="../icon/terminal"><i class="icon-terminal"></i> icon-terminal</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sun-o"><i class="fa fa-sun-o"></i> fa-sun-o</a></div>
     
-      <div class="span3"><a href="../icon/thumbs-down"><i class="icon-thumbs-down"></i> icon-thumbs-down</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/superscript"><i class="fa fa-superscript"></i> fa-superscript</a></div>
     
-      <div class="span3"><a href="../icon/thumbs-down-alt"><i class="icon-thumbs-down-alt"></i> icon-thumbs-down-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tablet"><i class="fa fa-tablet"></i> fa-tablet</a></div>
     
-      <div class="span3"><a href="../icon/thumbs-up"><i class="icon-thumbs-up"></i> icon-thumbs-up</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tachometer"><i class="fa fa-tachometer"></i> fa-tachometer</a></div>
     
-      <div class="span3"><a href="../icon/thumbs-up-alt"><i class="icon-thumbs-up-alt"></i> icon-thumbs-up-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tag"><i class="fa fa-tag"></i> fa-tag</a></div>
     
-      <div class="span3"><a href="../icon/ticket"><i class="icon-ticket"></i> icon-ticket</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tags"><i class="fa fa-tags"></i> fa-tags</a></div>
     
-      <div class="span3"><a href="../icon/time"><i class="icon-time"></i> icon-time</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tasks"><i class="fa fa-tasks"></i> fa-tasks</a></div>
     
-      <div class="span3"><a href="../icon/tint"><i class="icon-tint"></i> icon-tint</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/terminal"><i class="fa fa-terminal"></i> fa-terminal</a></div>
     
-      <div class="span3"><a href="../icon/trash"><i class="icon-trash"></i> icon-trash</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumb-tack"><i class="fa fa-thumb-tack"></i> fa-thumb-tack</a></div>
     
-      <div class="span3"><a href="../icon/trophy"><i class="icon-trophy"></i> icon-trophy</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumbs-down"><i class="fa fa-thumbs-down"></i> fa-thumbs-down</a></div>
     
-      <div class="span3"><a href="../icon/truck"><i class="icon-truck"></i> icon-truck</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumbs-o-down"><i class="fa fa-thumbs-o-down"></i> fa-thumbs-o-down</a></div>
     
-      <div class="span3"><a href="../icon/umbrella"><i class="icon-umbrella"></i> icon-umbrella</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumbs-o-up"><i class="fa fa-thumbs-o-up"></i> fa-thumbs-o-up</a></div>
     
-      <div class="span3"><a href="../icon/check-empty"><i class="icon-unchecked"></i> icon-unchecked <span class="muted">(alias)</span></a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thumbs-up"><i class="fa fa-thumbs-up"></i> fa-thumbs-up</a></div>
     
-      <div class="span3"><a href="../icon/unlock"><i class="icon-unlock"></i> icon-unlock</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ticket"><i class="fa fa-ticket"></i> fa-ticket</a></div>
     
-      <div class="span3"><a href="../icon/unlock-alt"><i class="icon-unlock-alt"></i> icon-unlock-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/times"><i class="fa fa-times"></i> fa-times</a></div>
     
-      <div class="span3"><a href="../icon/upload"><i class="icon-upload"></i> icon-upload</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/times-circle"><i class="fa fa-times-circle"></i> fa-times-circle</a></div>
     
-      <div class="span3"><a href="../icon/upload-alt"><i class="icon-upload-alt"></i> icon-upload-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/times-circle-o"><i class="fa fa-times-circle-o"></i> fa-times-circle-o</a></div>
     
-      <div class="span3"><a href="../icon/user"><i class="icon-user"></i> icon-user</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tint"><i class="fa fa-tint"></i> fa-tint</a></div>
     
-      <div class="span3"><a href="../icon/volume-down"><i class="icon-volume-down"></i> icon-volume-down</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-down"><i class="fa fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/volume-off"><i class="icon-volume-off"></i> icon-volume-off</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-left"><i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/volume-up"><i class="icon-volume-up"></i> icon-volume-up</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-right"><i class="fa fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/warning-sign"><i class="icon-warning-sign"></i> icon-warning-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-up"><i class="fa fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/wrench"><i class="icon-wrench"></i> icon-wrench</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/trash-o"><i class="fa fa-trash-o"></i> fa-trash-o</a></div>
     
-      <div class="span3"><a href="../icon/zoom-in"><i class="icon-zoom-in"></i> icon-zoom-in</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/trophy"><i class="fa fa-trophy"></i> fa-trophy</a></div>
     
-      <div class="span3"><a href="../icon/zoom-out"><i class="icon-zoom-out"></i> icon-zoom-out</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/truck"><i class="fa fa-truck"></i> fa-truck</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/umbrella"><i class="fa fa-umbrella"></i> fa-umbrella</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/unlock"><i class="fa fa-unlock"></i> fa-unlock</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/unlock-o"><i class="fa fa-unlock-o"></i> fa-unlock-o</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/sort"><i class="fa fa-unsorted"></i> fa-unsorted <span class="text-muted">(alias)</span></a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/upload"><i class="fa fa-upload"></i> fa-upload</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user"><i class="fa fa-user"></i> fa-user</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/video-camera"><i class="fa fa-video-camera"></i> fa-video-camera</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/volume-down"><i class="fa fa-volume-down"></i> fa-volume-down</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/volume-off"><i class="fa fa-volume-off"></i> fa-volume-off</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/volume-up"><i class="fa fa-volume-up"></i> fa-volume-up</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/exclamation-triangle"><i class="fa fa-warning"></i> fa-warning <span class="text-muted">(alias)</span></a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wheelchair"><i class="fa fa-wheelchair"></i> fa-wheelchair</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wrench"><i class="fa fa-wrench"></i> fa-wrench</a></div>
     
   </div>
 
 </section>
 
-<section id="currency">
+  <section id="form-control">
+  <h2 class="page-header">Form Control Icons</h2>
+
+  <div class="row fontawesome-icon-list">
+    
+
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check-square"><i class="fa fa-check-square"></i> fa-check-square</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/check-square-o"><i class="fa fa-check-square-o"></i> fa-check-square-o</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/circle"><i class="fa fa-circle"></i> fa-circle</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/circle-o"><i class="fa fa-circle-o"></i> fa-circle-o</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/dot-circle-o"><i class="fa fa-dot-circle-o"></i> fa-dot-circle-o</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/minus-square"><i class="fa fa-minus-square"></i> fa-minus-square</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/minus-square-o"><i class="fa fa-minus-square-o"></i> fa-minus-square-o</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/square"><i class="fa fa-square"></i> fa-square</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/square-o"><i class="fa fa-square-o"></i> fa-square-o</a></div>
+    
+  </div>
+</section>
+
+  <section id="currency">
   <h2 class="page-header">Currency Icons</h2>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     
 
     
-      <div class="span3"><a href="../icon/btc"><i class="icon-bitcoin"></i> icon-bitcoin <span class="muted">(alias)</span></a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/btc"><i class="fa fa-bitcoin"></i> fa-bitcoin <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/btc"><i class="icon-btc"></i> icon-btc</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/btc"><i class="fa fa-btc"></i> fa-btc</a></div>
     
-      <div class="span3"><a href="../icon/cny"><i class="icon-cny"></i> icon-cny</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/jpy"><i class="fa fa-cny"></i> fa-cny <span class="text-muted">(alias)</span></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="fa-hover col-md-3 col-sm-4"><a href="../icon/usd"><i class="fa fa-dollar"></i> fa-dollar <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/eur"><i class="icon-eur"></i> icon-eur</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eur"><i class="fa fa-eur"></i> fa-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="fa-hover col-md-3 col-sm-4"><a href="../icon/eur"><i class="fa fa-euro"></i> fa-euro <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/gbp"><i class="icon-gbp"></i> icon-gbp</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gbp"><i class="fa fa-gbp"></i> fa-gbp</a></div>
     
-      <div class="span3"><a href="../icon/inr"><i class="icon-inr"></i> icon-inr</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/inr"><i class="fa fa-inr"></i> fa-inr</a></div>
     
-      <div class="span3"><a href="../icon/jpy"><i class="icon-jpy"></i> icon-jpy</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/jpy"><i class="fa fa-jpy"></i> fa-jpy</a></div>
     
-      <div class="span3"><a href="../icon/krw"><i class="icon-krw"></i> icon-krw</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/krw"><i class="fa fa-krw"></i> fa-krw</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="fa-hover col-md-3 col-sm-4"><a href="../icon/money"><i class="fa fa-money"></i> fa-money</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="fa-hover col-md-3 col-sm-4"><a href="../icon/jpy"><i class="fa fa-rmb"></i> fa-rmb <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/usd"><i class="icon-usd"></i> icon-usd</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rub"><i class="fa fa-rouble"></i> fa-rouble <span class="text-muted">(alias)</span></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="fa-hover col-md-3 col-sm-4"><a href="../icon/rub"><i class="fa fa-rub"></i> fa-rub</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="fa-hover col-md-3 col-sm-4"><a href="../icon/rub"><i class="fa fa-ruble"></i> fa-ruble <span class="text-muted">(alias)</span></a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/inr"><i class="fa fa-rupee"></i> fa-rupee <span class="text-muted">(alias)</span></a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/try"><i class="fa fa-try"></i> fa-try</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/try"><i class="fa fa-turkish-lira"></i> fa-turkish-lira <span class="text-muted">(alias)</span></a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/usd"><i class="fa fa-usd"></i> fa-usd</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/krw"><i class="fa fa-won"></i> fa-won <span class="text-muted">(alias)</span></a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/jpy"><i class="fa fa-yen"></i> fa-yen <span class="text-muted">(alias)</span></a></div>
     
   </div>
 
 </section>
 
-<section id="text-editor">
+  <section id="text-editor">
   <h2 class="page-header">Text Editor Icons</h2>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     
 
     
-      <div class="span3"><a href="../icon/align-center"><i class="icon-align-center"></i> icon-align-center</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/align-center"><i class="fa fa-align-center"></i> fa-align-center</a></div>
     
-      <div class="span3"><a href="../icon/align-justify"><i class="icon-align-justify"></i> icon-align-justify</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/align-justify"><i class="fa fa-align-justify"></i> fa-align-justify</a></div>
     
-      <div class="span3"><a href="../icon/align-left"><i class="icon-align-left"></i> icon-align-left</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/align-left"><i class="fa fa-align-left"></i> fa-align-left</a></div>
     
-      <div class="span3"><a href="../icon/align-right"><i class="icon-align-right"></i> icon-align-right</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/align-right"><i class="fa fa-align-right"></i> fa-align-right</a></div>
     
-      <div class="span3"><a href="../icon/bold"><i class="icon-bold"></i> icon-bold</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bold"><i class="fa fa-bold"></i> fa-bold</a></div>
     
-      <div class="span3"><a href="../icon/columns"><i class="icon-columns"></i> icon-columns</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/link"><i class="fa fa-chain"></i> fa-chain <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/copy"><i class="icon-copy"></i> icon-copy</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chain-broken"><i class="fa fa-chain-broken"></i> fa-chain-broken</a></div>
     
-      <div class="span3"><a href="../icon/cut"><i class="icon-cut"></i> icon-cut</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/clipboard"><i class="fa fa-clipboard"></i> fa-clipboard</a></div>
     
-      <div class="span3"><a href="../icon/eraser"><i class="icon-eraser"></i> icon-eraser</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/columns"><i class="fa fa-columns"></i> fa-columns</a></div>
     
-      <div class="span3"><a href="../icon/file"><i class="icon-file"></i> icon-file</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/files-o"><i class="fa fa-copy"></i> fa-copy <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/file-alt"><i class="icon-file-alt"></i> icon-file-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/scissors"><i class="fa fa-cut"></i> fa-cut <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/file-text"><i class="icon-file-text"></i> icon-file-text</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/outdent"><i class="fa fa-dedent"></i> fa-dedent <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/file-text-alt"><i class="icon-file-text-alt"></i> icon-file-text-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eraser"><i class="fa fa-eraser"></i> fa-eraser</a></div>
     
-      <div class="span3"><a href="../icon/font"><i class="icon-font"></i> icon-font</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file"><i class="fa fa-file"></i> fa-file</a></div>
     
-      <div class="span3"><a href="../icon/indent-left"><i class="icon-indent-left"></i> icon-indent-left</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-o"><i class="fa fa-file-o"></i> fa-file-o</a></div>
     
-      <div class="span3"><a href="../icon/indent-right"><i class="icon-indent-right"></i> icon-indent-right</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-text"><i class="fa fa-file-text"></i> fa-file-text</a></div>
     
-      <div class="span3"><a href="../icon/italic"><i class="icon-italic"></i> icon-italic</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/file-text-o"><i class="fa fa-file-text-o"></i> fa-file-text-o</a></div>
     
-      <div class="span3"><a href="../icon/link"><i class="icon-link"></i> icon-link</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/files-o"><i class="fa fa-files-o"></i> fa-files-o</a></div>
     
-      <div class="span3"><a href="../icon/list"><i class="icon-list"></i> icon-list</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/floppy-o"><i class="fa fa-floppy-o"></i> fa-floppy-o</a></div>
     
-      <div class="span3"><a href="../icon/list-alt"><i class="icon-list-alt"></i> icon-list-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/font"><i class="fa fa-font"></i> fa-font</a></div>
     
-      <div class="span3"><a href="../icon/list-ol"><i class="icon-list-ol"></i> icon-list-ol</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/indent"><i class="fa fa-indent"></i> fa-indent</a></div>
     
-      <div class="span3"><a href="../icon/list-ul"><i class="icon-list-ul"></i> icon-list-ul</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/italic"><i class="fa fa-italic"></i> fa-italic</a></div>
     
-      <div class="span3"><a href="../icon/paper-clip"><i class="icon-paper-clip"></i> icon-paper-clip</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/link"><i class="fa fa-link"></i> fa-link</a></div>
     
-      <div class="span3"><a href="../icon/paper-clip"><i class="icon-paperclip"></i> icon-paperclip <span class="muted">(alias)</span></a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/list"><i class="fa fa-list"></i> fa-list</a></div>
     
-      <div class="span3"><a href="../icon/paste"><i class="icon-paste"></i> icon-paste</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/list-alt"><i class="fa fa-list-alt"></i> fa-list-alt</a></div>
     
-      <div class="span3"><a href="../icon/repeat"><i class="icon-repeat"></i> icon-repeat</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/list-ol"><i class="fa fa-list-ol"></i> fa-list-ol</a></div>
     
-      <div class="span3"><a href="../icon/undo"><i class="icon-rotate-left"></i> icon-rotate-left <span class="muted">(alias)</span></a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/list-ul"><i class="fa fa-list-ul"></i> fa-list-ul</a></div>
     
-      <div class="span3"><a href="../icon/repeat"><i class="icon-rotate-right"></i> icon-rotate-right <span class="muted">(alias)</span></a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/outdent"><i class="fa fa-outdent"></i> fa-outdent</a></div>
     
-      <div class="span3"><a href="../icon/save"><i class="icon-save"></i> icon-save</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/paperclip"><i class="fa fa-paperclip"></i> fa-paperclip</a></div>
     
-      <div class="span3"><a href="../icon/strikethrough"><i class="icon-strikethrough"></i> icon-strikethrough</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/clipboard"><i class="fa fa-paste"></i> fa-paste <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/table"><i class="icon-table"></i> icon-table</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/repeat"><i class="fa fa-repeat"></i> fa-repeat</a></div>
     
-      <div class="span3"><a href="../icon/text-height"><i class="icon-text-height"></i> icon-text-height</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/undo"><i class="fa fa-rotate-left"></i> fa-rotate-left <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/text-width"><i class="icon-text-width"></i> icon-text-width</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/repeat"><i class="fa fa-rotate-right"></i> fa-rotate-right <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/th"><i class="icon-th"></i> icon-th</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/floppy-o"><i class="fa fa-save"></i> fa-save <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/th-large"><i class="icon-th-large"></i> icon-th-large</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/scissors"><i class="fa fa-scissors"></i> fa-scissors</a></div>
     
-      <div class="span3"><a href="../icon/th-list"><i class="icon-th-list"></i> icon-th-list</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/strikethrough"><i class="fa fa-strikethrough"></i> fa-strikethrough</a></div>
     
-      <div class="span3"><a href="../icon/underline"><i class="icon-underline"></i> icon-underline</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/table"><i class="fa fa-table"></i> fa-table</a></div>
     
-      <div class="span3"><a href="../icon/undo"><i class="icon-undo"></i> icon-undo</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/text-height"><i class="fa fa-text-height"></i> fa-text-height</a></div>
     
-      <div class="span3"><a href="../icon/unlink"><i class="icon-unlink"></i> icon-unlink</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/text-width"><i class="fa fa-text-width"></i> fa-text-width</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/th"><i class="fa fa-th"></i> fa-th</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/th-large"><i class="fa fa-th-large"></i> fa-th-large</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/th-list"><i class="fa fa-th-list"></i> fa-th-list</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/underline"><i class="fa fa-underline"></i> fa-underline</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/undo"><i class="fa fa-undo"></i> fa-undo</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chain-broken"><i class="fa fa-unlink"></i> fa-unlink <span class="text-muted">(alias)</span></a></div>
     
   </div>
 
 </section>
 
-<section id="directional">
+  <section id="directional">
   <h2 class="page-header">Directional Icons</h2>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     
 
     
-      <div class="span3"><a href="../icon/angle-down"><i class="icon-angle-down"></i> icon-angle-down</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-double-down"><i class="fa fa-angle-double-down"></i> fa-angle-double-down</a></div>
     
-      <div class="span3"><a href="../icon/angle-left"><i class="icon-angle-left"></i> icon-angle-left</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-double-left"><i class="fa fa-angle-double-left"></i> fa-angle-double-left</a></div>
     
-      <div class="span3"><a href="../icon/angle-right"><i class="icon-angle-right"></i> icon-angle-right</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-double-right"><i class="fa fa-angle-double-right"></i> fa-angle-double-right</a></div>
     
-      <div class="span3"><a href="../icon/angle-up"><i class="icon-angle-up"></i> icon-angle-up</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-double-up"><i class="fa fa-angle-double-up"></i> fa-angle-double-up</a></div>
     
-      <div class="span3"><a href="../icon/arrow-down"><i class="icon-arrow-down"></i> icon-arrow-down</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-down"><i class="fa fa-angle-down"></i> fa-angle-down</a></div>
     
-      <div class="span3"><a href="../icon/arrow-left"><i class="icon-arrow-left"></i> icon-arrow-left</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-left"><i class="fa fa-angle-left"></i> fa-angle-left</a></div>
     
-      <div class="span3"><a href="../icon/arrow-right"><i class="icon-arrow-right"></i> icon-arrow-right</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-right"><i class="fa fa-angle-right"></i> fa-angle-right</a></div>
     
-      <div class="span3"><a href="../icon/arrow-up"><i class="icon-arrow-up"></i> icon-arrow-up</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/angle-up"><i class="fa fa-angle-up"></i> fa-angle-up</a></div>
     
-      <div class="span3"><a href="../icon/caret-down"><i class="icon-caret-down"></i> icon-caret-down</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-down"><i class="fa fa-arrow-circle-down"></i> fa-arrow-circle-down</a></div>
     
-      <div class="span3"><a href="../icon/caret-left"><i class="icon-caret-left"></i> icon-caret-left</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-left"><i class="fa fa-arrow-circle-left"></i> fa-arrow-circle-left</a></div>
     
-      <div class="span3"><a href="../icon/caret-right"><i class="icon-caret-right"></i> icon-caret-right</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-o-down"><i class="fa fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down</a></div>
     
-      <div class="span3"><a href="../icon/caret-up"><i class="icon-caret-up"></i> icon-caret-up</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-o-left"><i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left</a></div>
     
-      <div class="span3"><a href="../icon/chevron-down"><i class="icon-chevron-down"></i> icon-chevron-down</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-o-right"><i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right</a></div>
     
-      <div class="span3"><a href="../icon/chevron-left"><i class="icon-chevron-left"></i> icon-chevron-left</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-o-up"><i class="fa fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up</a></div>
     
-      <div class="span3"><a href="../icon/chevron-right"><i class="icon-chevron-right"></i> icon-chevron-right</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-right"><i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right</a></div>
     
-      <div class="span3"><a href="../icon/chevron-sign-down"><i class="icon-chevron-sign-down"></i> icon-chevron-sign-down</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-up"><i class="fa fa-arrow-circle-up"></i> fa-arrow-circle-up</a></div>
     
-      <div class="span3"><a href="../icon/chevron-sign-left"><i class="icon-chevron-sign-left"></i> icon-chevron-sign-left</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-down"><i class="fa fa-arrow-down"></i> fa-arrow-down</a></div>
     
-      <div class="span3"><a href="../icon/chevron-sign-right"><i class="icon-chevron-sign-right"></i> icon-chevron-sign-right</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-left"><i class="fa fa-arrow-left"></i> fa-arrow-left</a></div>
     
-      <div class="span3"><a href="../icon/chevron-sign-up"><i class="icon-chevron-sign-up"></i> icon-chevron-sign-up</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-right"><i class="fa fa-arrow-right"></i> fa-arrow-right</a></div>
     
-      <div class="span3"><a href="../icon/chevron-up"><i class="icon-chevron-up"></i> icon-chevron-up</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-up"><i class="fa fa-arrow-up"></i> fa-arrow-up</a></div>
     
-      <div class="span3"><a href="../icon/circle-arrow-down"><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-down"><i class="fa fa-caret-down"></i> fa-caret-down</a></div>
     
-      <div class="span3"><a href="../icon/circle-arrow-left"><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-left"><i class="fa fa-caret-left"></i> fa-caret-left</a></div>
     
-      <div class="span3"><a href="../icon/circle-arrow-right"><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-right"><i class="fa fa-caret-right"></i> fa-caret-right</a></div>
     
-      <div class="span3"><a href="../icon/circle-arrow-up"><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-down"><i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down</a></div>
     
-      <div class="span3"><a href="../icon/double-angle-down"><i class="icon-double-angle-down"></i> icon-double-angle-down</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-left"><i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left</a></div>
     
-      <div class="span3"><a href="../icon/double-angle-left"><i class="icon-double-angle-left"></i> icon-double-angle-left</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-right"><i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right</a></div>
     
-      <div class="span3"><a href="../icon/double-angle-right"><i class="icon-double-angle-right"></i> icon-double-angle-right</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-up"><i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up</a></div>
     
-      <div class="span3"><a href="../icon/double-angle-up"><i class="icon-double-angle-up"></i> icon-double-angle-up</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-up"><i class="fa fa-caret-up"></i> fa-caret-up</a></div>
     
-      <div class="span3"><a href="../icon/hand-down"><i class="icon-hand-down"></i> icon-hand-down</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-circle-down"><i class="fa fa-chevron-circle-down"></i> fa-chevron-circle-down</a></div>
     
-      <div class="span3"><a href="../icon/hand-left"><i class="icon-hand-left"></i> icon-hand-left</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-circle-left"><i class="fa fa-chevron-circle-left"></i> fa-chevron-circle-left</a></div>
     
-      <div class="span3"><a href="../icon/hand-right"><i class="icon-hand-right"></i> icon-hand-right</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-circle-right"><i class="fa fa-chevron-circle-right"></i> fa-chevron-circle-right</a></div>
     
-      <div class="span3"><a href="../icon/hand-up"><i class="icon-hand-up"></i> icon-hand-up</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-circle-up"><i class="fa fa-chevron-circle-up"></i> fa-chevron-circle-up</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="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-down"><i class="fa fa-chevron-down"></i> fa-chevron-down</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="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-left"><i class="fa fa-chevron-left"></i> fa-chevron-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="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-right"><i class="fa fa-chevron-right"></i> fa-chevron-right</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="fa-hover col-md-3 col-sm-4"><a href="../icon/chevron-up"><i class="fa fa-chevron-up"></i> fa-chevron-up</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-o-down"><i class="fa fa-hand-o-down"></i> fa-hand-o-down</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-o-left"><i class="fa fa-hand-o-left"></i> fa-hand-o-left</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-o-right"><i class="fa fa-hand-o-right"></i> fa-hand-o-right</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hand-o-up"><i class="fa fa-hand-o-up"></i> fa-hand-o-up</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/long-arrow-down"><i class="fa fa-long-arrow-down"></i> fa-long-arrow-down</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/long-arrow-left"><i class="fa fa-long-arrow-left"></i> fa-long-arrow-left</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/long-arrow-right"><i class="fa fa-long-arrow-right"></i> fa-long-arrow-right</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/long-arrow-up"><i class="fa fa-long-arrow-up"></i> fa-long-arrow-up</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-down"><i class="fa fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span></a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-left"><i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span></a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-right"><i class="fa fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span></a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-up"><i class="fa fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span></a></div>
     
   </div>
 
 </section>
 
-<section id="video-player">
+  <section id="video-player">
   <h2 class="page-header">Video Player Icons</h2>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     
 
     
-      <div class="span3"><a href="../icon/backward"><i class="icon-backward"></i> icon-backward</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/backward"><i class="fa fa-backward"></i> fa-backward</a></div>
     
-      <div class="span3"><a href="../icon/eject"><i class="icon-eject"></i> icon-eject</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/eject"><i class="fa fa-eject"></i> fa-eject</a></div>
     
-      <div class="span3"><a href="../icon/fast-backward"><i class="icon-fast-backward"></i> icon-fast-backward</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fast-backward"><i class="fa fa-fast-backward"></i> fa-fast-backward</a></div>
     
-      <div class="span3"><a href="../icon/fast-forward"><i class="icon-fast-forward"></i> icon-fast-forward</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fast-forward"><i class="fa fa-fast-forward"></i> fa-fast-forward</a></div>
     
-      <div class="span3"><a href="../icon/forward"><i class="icon-forward"></i> icon-forward</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/forward"><i class="fa fa-forward"></i> fa-forward</a></div>
     
-      <div class="span3"><a href="../icon/fullscreen"><i class="icon-fullscreen"></i> icon-fullscreen</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fullscreen"><i class="fa fa-fullscreen"></i> fa-fullscreen</a></div>
     
-      <div class="span3"><a href="../icon/pause"><i class="icon-pause"></i> icon-pause</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pause"><i class="fa fa-pause"></i> fa-pause</a></div>
     
-      <div class="span3"><a href="../icon/play"><i class="icon-play"></i> icon-play</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/play"><i class="fa fa-play"></i> fa-play</a></div>
     
-      <div class="span3"><a href="../icon/play-circle"><i class="icon-play-circle"></i> icon-play-circle</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/play-circle"><i class="fa fa-play-circle"></i> fa-play-circle</a></div>
     
-      <div class="span3"><a href="../icon/play-sign"><i class="icon-play-sign"></i> icon-play-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/play-circle-o"><i class="fa fa-play-circle-o"></i> fa-play-circle-o</a></div>
     
-      <div class="span3"><a href="../icon/resize-full"><i class="icon-resize-full"></i> icon-resize-full</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/resize-full"><i class="fa fa-resize-full"></i> fa-resize-full</a></div>
     
-      <div class="span3"><a href="../icon/resize-small"><i class="icon-resize-small"></i> icon-resize-small</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/resize-small"><i class="fa fa-resize-small"></i> fa-resize-small</a></div>
     
-      <div class="span3"><a href="../icon/step-backward"><i class="icon-step-backward"></i> icon-step-backward</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/step-backward"><i class="fa fa-step-backward"></i> fa-step-backward</a></div>
     
-      <div class="span3"><a href="../icon/step-forward"><i class="icon-step-forward"></i> icon-step-forward</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/step-forward"><i class="fa fa-step-forward"></i> fa-step-forward</a></div>
     
-      <div class="span3"><a href="../icon/stop"><i class="icon-stop"></i> icon-stop</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stop"><i class="fa fa-stop"></i> fa-stop</a></div>
     
-      <div class="span3"><a href="../icon/youtube-play"><i class="icon-youtube-play"></i> icon-youtube-play</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/youtube-play"><i class="fa fa-youtube-play"></i> fa-youtube-play</a></div>
     
   </div>
 
 </section>
 
-<section id="brand">
+  <section id="brand">
   <h2 class="page-header">Brand Icons</h2>
 
-  <div class="alert alert-info">
-    <ul class="margin-bottom-none">
+  <div class="alert alert-success">
+    <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>
 
   </div>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     
 
     
-      <div class="span3"><a href="../icon/adn"><i class="icon-adn"></i> icon-adn</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/adn"><i class="fa fa-adn"></i> fa-adn</a></div>
     
-      <div class="span3"><a href="../icon/android"><i class="icon-android"></i> icon-android</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/android"><i class="fa fa-android"></i> fa-android</a></div>
     
-      <div class="span3"><a href="../icon/apple"><i class="icon-apple"></i> icon-apple</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/apple"><i class="fa fa-apple"></i> fa-apple</a></div>
     
-      <div class="span3"><a href="../icon/bitbucket"><i class="icon-bitbucket"></i> icon-bitbucket</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bitbucket"><i class="fa fa-bitbucket"></i> fa-bitbucket</a></div>
     
-      <div class="span3"><a href="../icon/bitbucket-sign"><i class="icon-bitbucket-sign"></i> icon-bitbucket-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bitbucket-square"><i class="fa fa-bitbucket-square"></i> fa-bitbucket-square</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="fa-hover col-md-3 col-sm-4"><a href="../icon/btc"><i class="fa fa-bitcoin"></i> fa-bitcoin <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/btc"><i class="icon-btc"></i> icon-btc</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/btc"><i class="fa fa-btc"></i> fa-btc</a></div>
     
-      <div class="span3"><a href="../icon/css3"><i class="icon-css3"></i> icon-css3</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/css3"><i class="fa fa-css3"></i> fa-css3</a></div>
     
-      <div class="span3"><a href="../icon/dribbble"><i class="icon-dribbble"></i> icon-dribbble</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/dribbble"><i class="fa fa-dribbble"></i> fa-dribbble</a></div>
     
-      <div class="span3"><a href="../icon/dropbox"><i class="icon-dropbox"></i> icon-dropbox</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/dropbox"><i class="fa fa-dropbox"></i> fa-dropbox</a></div>
     
-      <div class="span3"><a href="../icon/facebook"><i class="icon-facebook"></i> icon-facebook</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/facebook"><i class="fa fa-facebook"></i> fa-facebook</a></div>
     
-      <div class="span3"><a href="../icon/facebook-sign"><i class="icon-facebook-sign"></i> icon-facebook-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/facebook-square"><i class="fa fa-facebook-square"></i> fa-facebook-square</a></div>
     
-      <div class="span3"><a href="../icon/flickr"><i class="icon-flickr"></i> icon-flickr</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/flickr"><i class="fa fa-flickr"></i> fa-flickr</a></div>
     
-      <div class="span3"><a href="../icon/foursquare"><i class="icon-foursquare"></i> icon-foursquare</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/foursquare"><i class="fa fa-foursquare"></i> fa-foursquare</a></div>
     
-      <div class="span3"><a href="../icon/github"><i class="icon-github"></i> icon-github</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/github"><i class="fa fa-github"></i> fa-github</a></div>
     
-      <div class="span3"><a href="../icon/github-alt"><i class="icon-github-alt"></i> icon-github-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/github-alt"><i class="fa fa-github-alt"></i> fa-github-alt</a></div>
     
-      <div class="span3"><a href="../icon/github-sign"><i class="icon-github-sign"></i> icon-github-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/github-square"><i class="fa fa-github-square"></i> fa-github-square</a></div>
     
-      <div class="span3"><a href="../icon/gittip"><i class="icon-gittip"></i> icon-gittip</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/gittip"><i class="fa fa-gittip"></i> fa-gittip</a></div>
     
-      <div class="span3"><a href="../icon/google-plus"><i class="icon-google-plus"></i> icon-google-plus</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/google-plus"><i class="fa fa-google-plus"></i> fa-google-plus</a></div>
     
-      <div class="span3"><a href="../icon/google-plus-sign"><i class="icon-google-plus-sign"></i> icon-google-plus-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/google-plus-square"><i class="fa fa-google-plus-square"></i> fa-google-plus-square</a></div>
     
-      <div class="span3"><a href="../icon/html5"><i class="icon-html5"></i> icon-html5</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/html5"><i class="fa fa-html5"></i> fa-html5</a></div>
     
-      <div class="span3"><a href="../icon/instagram"><i class="icon-instagram"></i> icon-instagram</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/instagram"><i class="fa fa-instagram"></i> fa-instagram</a></div>
     
-      <div class="span3"><a href="../icon/linkedin"><i class="icon-linkedin"></i> icon-linkedin</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/linkedin"><i class="fa fa-linkedin"></i> fa-linkedin</a></div>
     
-      <div class="span3"><a href="../icon/linkedin-sign"><i class="icon-linkedin-sign"></i> icon-linkedin-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/linkedin-square"><i class="fa fa-linkedin-square"></i> fa-linkedin-square</a></div>
     
-      <div class="span3"><a href="../icon/linux"><i class="icon-linux"></i> icon-linux</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/linux"><i class="fa fa-linux"></i> fa-linux</a></div>
     
-      <div class="span3"><a href="../icon/maxcdn"><i class="icon-maxcdn"></i> icon-maxcdn</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/maxcdn"><i class="fa fa-maxcdn"></i> fa-maxcdn</a></div>
     
-      <div class="span3"><a href="../icon/pinterest"><i class="icon-pinterest"></i> icon-pinterest</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pagelines"><i class="fa fa-pagelines"></i> fa-pagelines</a></div>
     
-      <div class="span3"><a href="../icon/pinterest-sign"><i class="icon-pinterest-sign"></i> icon-pinterest-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pinterest"><i class="fa fa-pinterest"></i> fa-pinterest</a></div>
     
-      <div class="span3"><a href="../icon/renren"><i class="icon-renren"></i> icon-renren</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pinterest-square"><i class="fa fa-pinterest-square"></i> fa-pinterest-square</a></div>
     
-      <div class="span3"><a href="../icon/skype"><i class="icon-skype"></i> icon-skype</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/renren"><i class="fa fa-renren"></i> fa-renren</a></div>
     
-      <div class="span3"><a href="../icon/stackexchange"><i class="icon-stackexchange"></i> icon-stackexchange</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/skype"><i class="fa fa-skype"></i> fa-skype</a></div>
     
-      <div class="span3"><a href="../icon/trello"><i class="icon-trello"></i> icon-trello</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stack-exchange"><i class="fa fa-stack-exchange"></i> fa-stack-exchange</a></div>
     
-      <div class="span3"><a href="../icon/tumblr"><i class="icon-tumblr"></i> icon-tumblr</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stack-overflow"><i class="fa fa-stack-overflow"></i> fa-stack-overflow</a></div>
     
-      <div class="span3"><a href="../icon/tumblr-sign"><i class="icon-tumblr-sign"></i> icon-tumblr-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/trello"><i class="fa fa-trello"></i> fa-trello</a></div>
     
-      <div class="span3"><a href="../icon/twitter"><i class="icon-twitter"></i> icon-twitter</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tumblr"><i class="fa fa-tumblr"></i> fa-tumblr</a></div>
     
-      <div class="span3"><a href="../icon/twitter-sign"><i class="icon-twitter-sign"></i> icon-twitter-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tumblr-square"><i class="fa fa-tumblr-square"></i> fa-tumblr-square</a></div>
     
-      <div class="span3"><a href="../icon/vk"><i class="icon-vk"></i> icon-vk</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/twitter"><i class="fa fa-twitter"></i> fa-twitter</a></div>
     
-      <div class="span3"><a href="../icon/weibo"><i class="icon-weibo"></i> icon-weibo</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/twitter-square"><i class="fa fa-twitter-square"></i> fa-twitter-square</a></div>
     
-      <div class="span3"><a href="../icon/windows"><i class="icon-windows"></i> icon-windows</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/vimeo-square"><i class="fa fa-vimeo-square"></i> fa-vimeo-square</a></div>
     
-      <div class="span3"><a href="../icon/xing"><i class="icon-xing"></i> icon-xing</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/vk"><i class="fa fa-vk"></i> fa-vk</a></div>
     
-      <div class="span3"><a href="../icon/xing-sign"><i class="icon-xing-sign"></i> icon-xing-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/weibo"><i class="fa fa-weibo"></i> fa-weibo</a></div>
     
-      <div class="span3"><a href="../icon/youtube"><i class="icon-youtube"></i> icon-youtube</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/windows"><i class="fa fa-windows"></i> fa-windows</a></div>
     
-      <div class="span3"><a href="../icon/youtube-play"><i class="icon-youtube-play"></i> icon-youtube-play</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/xing"><i class="fa fa-xing"></i> fa-xing</a></div>
     
-      <div class="span3"><a href="../icon/youtube-sign"><i class="icon-youtube-sign"></i> icon-youtube-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/xing-square"><i class="fa fa-xing-square"></i> fa-xing-square</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/youtube"><i class="fa fa-youtube"></i> fa-youtube</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/youtube-play"><i class="fa fa-youtube-play"></i> fa-youtube-play</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/youtube-square"><i class="fa fa-youtube-square"></i> fa-youtube-square</a></div>
     
   </div>
 </section>
 
-<section id="medical">
+  <section id="medical">
   <h2 class="page-header">Medical Icons</h2>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     
 
     
-      <div class="span3"><a href="../icon/ambulance"><i class="icon-ambulance"></i> icon-ambulance</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ambulance"><i class="fa fa-ambulance"></i> fa-ambulance</a></div>
     
-      <div class="span3"><a href="../icon/h-sign"><i class="icon-h-sign"></i> icon-h-sign</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/h-square"><i class="fa fa-h-square"></i> fa-h-square</a></div>
     
-      <div class="span3"><a href="../icon/hospital"><i class="icon-hospital"></i> icon-hospital</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hospital"><i class="fa fa-hospital"></i> fa-hospital</a></div>
     
-      <div class="span3"><a href="../icon/medkit"><i class="icon-medkit"></i> icon-medkit</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/medkit"><i class="fa fa-medkit"></i> fa-medkit</a></div>
     
-      <div class="span3"><a href="../icon/plus-sign-alt"><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/plus-square"><i class="fa fa-plus-square"></i> fa-plus-square</a></div>
     
-      <div class="span3"><a href="../icon/stethoscope"><i class="icon-stethoscope"></i> icon-stethoscope</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stethoscope"><i class="fa fa-stethoscope"></i> fa-stethoscope</a></div>
     
-      <div class="span3"><a href="../icon/user-md"><i class="icon-user-md"></i> icon-user-md</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-md"><i class="fa fa-user-md"></i> fa-user-md</a></div>
+    
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wheelchair"><i class="fa fa-wheelchair"></i> fa-wheelchair</a></div>
     
   </div>
 
 </section>
 
-
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -1193,9 +1187,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../assets/js/site.js"></script>
 
 </body>
diff --git a/index.html b/index.html
index 0c296ce5e..3ce961769 100644
--- a/index.html
+++ b/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>Font Awesome, the iconic font designed for Bootstrap</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="./assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>Font Awesome, the iconic font designed for Bootstrap</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="./assets/css/site.css">
   <link rel="stylesheet" href="./assets/css/pygments.css">
   <link rel="stylesheet" href="./assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="./assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="./assets/js/html5shiv.js"></script>
+    <script src="./assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="./assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,126 +37,124 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <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>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="./icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="./icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="./icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="./icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="./icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="./icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="./icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="./icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="./examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="./examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="./examples/#new-styles">New Styles</a></li>
-              <li><a href="./examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="./examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="./examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="./examples/#buttons">Buttons</a></li>
-              <li><a href="./examples/#button-groups">Button Groups</a></li>
-              <li><a href="./examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="./examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="./examples/#navigation">Navigation</a></li>
-              <li><a href="./examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="./examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="./examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="./examples/#stacked">Stacked</a></li>
-              <li><a href="./examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="./whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="./community/">Community</a></li>
-          <li><a href="./license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="./"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm  active"><a href="./">Home</a></li>
+        <li class="hidden-sm">
+          <a href="./whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="./whats-new/">New</a>
+        </li>
+        <li><a href="./get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="./icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="./icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="./icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="./icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="./icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="./icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="./icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="./icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="./icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="./icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="./icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="./examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="./examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="./examples/#inline">Inline Icons</a></li>
+            <li><a href="./examples/#larger">Larger Icons</a></li>
+            <li><a href="./examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="./examples/#list">List Icons</a></li>
+            <li><a href="./examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="./examples/#spinning">Spinning Icons</a></li>
+            <li><a href="./examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="./examples/#stacked">Stacked Icons</a></li>
+            <li><a href="./examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="./examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="./community/">Community</a></li>
+        <li><a href="./license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
 
-  <div class="jumbotron jumbotron-index hidden-print">
+  <div class="jumbotron jumbotron-carousel 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>&nbsp;&nbsp;
-              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> &nbsp;&nbsp;&middot;&nbsp;&nbsp;
-            Version 3.2.1 &nbsp;&nbsp;&middot;&nbsp;&nbsp;
-            Created &amp; Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
-          </div>
+      <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="./assets/font-awesome-4.0.0.zip"
+             onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
+            <i class="fa fa-download fa-lg"></i>&nbsp;&nbsp;
+            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> &nbsp;&nbsp;&middot;&nbsp;&nbsp;
+          Version 4.0.0 &nbsp;&nbsp;&middot;&nbsp;&nbsp;
+          Created &amp; Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
         </div>
       </div>
-      <div class="span4">
-        <div id="iconCarousel" class="carousel slide">
+      <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="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 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="#iconCarousel" data-slide="prev"
+          <a class="carousel-control left" href="#icon-carousel" 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"
+            <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="icon-circle-arrow-right"></i></a>
+            <i class="fa fa-arrow-circle-right"></i></a>
         </div>
       </div>
     </div>
@@ -174,7 +164,7 @@
 
 <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>
@@ -195,85 +185,81 @@
 <div class="container">
   
   <section class="hidden-print">
-  <div class="row stripe-ad">
-    <div class="span8">
-      
+  <div class="stripe-ad">
+    <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">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>
+
+    
   <p class="lead">
     Font Awesome gives you scalable vector icons that can instantly be customized &mdash; 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">
+  <section id="why" class="feature-list">
   <div class="row">
-    <div class="span4">
-      <h4><i class="icon-flag"></i> One Font, 361 Icons</h4>
+    <div class="col-md-4 col-sm-6">
+      <h4><i class="fa fa-flag"></i> One Font, 370 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-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>
+    <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="./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>
-      Designed from scratch to be fully compatible with <a href="http://getbootstrap.com">Bootstrap 2.3.2</a>.
+    <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="http://getbootstrap.com">Bootstrap 3.0.0</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="./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>
 
   <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="https://github.com/FortAwesome/Font-Awesome">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">&nbsp;</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>
@@ -283,24 +269,23 @@
 
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -311,9 +296,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="./assets/js/jquery-1.7.1.min.js"></script>
+<script src="./assets/js/jquery-1.10.2.min.js"></script>
 <script src="./assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="./assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="./assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="./assets/js/site.js"></script>
 
 </body>
diff --git a/license/index.html b/license/index.html
index d58cf5ea8..fbf767423 100644
--- a/license/index.html
+++ b/license/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>Font Awesome License</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="../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>Font Awesome License</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../assets/css/site.css">
   <link rel="stylesheet" href="../assets/css/pygments.css">
   <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../assets/js/html5shiv.js"></script>
+    <script src="../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../">Home</a></li>
-          <li><a href="../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../examples/#new-styles">New Styles</a></li>
-              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../examples/#buttons">Buttons</a></li>
-              <li><a href="../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../examples/#navigation">Navigation</a></li>
-              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../examples/#stacked">Stacked</a></li>
-              <li><a href="../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </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 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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../whats-new/">New</a>
+        </li>
+        <li><a href="../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../examples/#inline">Inline Icons</a></li>
+            <li><a href="../examples/#larger">Larger Icons</a></li>
+            <li><a href="../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../examples/#list">List Icons</a></li>
+            <li><a href="../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../community/">Community</a></li>
+        <li class="active"><a href="../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -123,14 +115,14 @@
 
 <div class="jumbotron jumbotron-ad hidden-print">
   <div class="container">
-    <h1><i class="icon-legal icon-large"></i>&nbsp; License</h1>
+    <h1><i class="fa fa-gavel"></i>&nbsp; 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">
+    <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>
@@ -150,98 +142,93 @@
 
 <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>
+  <section class="hidden-print">
+  <div class="stripe-ad">
+    <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">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 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>
+    
+  <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>
 </section>
 
 
-<div>
-  <div class="alert alert-info">
-    <ul class="icons-ul margin-bottom-none">
+  <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>
-        <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".
+        Applies to all desktop and webfont files in the following directory:
+        <code>font-awesome/fonts/</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>
-  </div>
-</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/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>,
+        <code>font-awesome/less/</code>, and
+        <code>font-awesome/scss/</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">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">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">
+  <section>
+    <h2 class="page-header">Brand Icons</h2>
+    <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>
 
-</section>
-
+  </section>
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -252,9 +239,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../assets/js/site.js"></script>
 
 </body>
diff --git a/test/index.html b/test/index.html
index 29c535fbd..5e1c48179 100644
--- a/test/index.html
+++ b/test/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>Font Awesome Visual Test Cases</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="../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>Font Awesome Visual Test Cases</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../assets/css/site.css">
   <link rel="stylesheet" href="../assets/css/pygments.css">
   <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../assets/js/html5shiv.js"></script>
+    <script src="../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../">Home</a></li>
-          <li><a href="../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../examples/#new-styles">New Styles</a></li>
-              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../examples/#buttons">Buttons</a></li>
-              <li><a href="../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../examples/#navigation">Navigation</a></li>
-              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
-              <li><a href="../examples/#stacked">Stacked</a></li>
-              <li><a href="../examples/#custom">Custom CSS</a></li>
-            </ul>
-          </li>
-          <li><a href="../whats-new/">
-          <span class="hidden-tablet">What's </span>New</a>
-          </li>
-          <li><a href="../community/">Community</a></li>
-          <li><a href="../license/">License</a></li>
-        </ul>
-        <ul class="nav pull-right">
-          <li><a href="http://blog.fontawesome.io">Blog</a></li>
-        </ul>
-      </div>
+  <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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../">Home</a></li>
+        <li class="hidden-sm">
+          <a href="../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg">
+          <a href="../whats-new/">New</a>
+        </li>
+        <li><a href="../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../examples/#inline">Inline Icons</a></li>
+            <li><a href="../examples/#larger">Larger Icons</a></li>
+            <li><a href="../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../examples/#list">List Icons</a></li>
+            <li><a href="../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../community/">Community</a></li>
+        <li><a href="../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -123,139 +115,137 @@
 
   <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"></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 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"></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 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"></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 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 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 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 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 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 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"></i> Menu Item 1</a></li>
+            <li><a href="#"><i class="fa fa-building fa-lg"></i> Menu Item 2</a></li>
+          </ul>
+        </li>
+        <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-building 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>
 
@@ -263,101 +253,101 @@
   <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"></i> Button</button>
+          <button class="btn btn-default btn-xs"><i class="fa fa-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>
+          <button class="btn btn-default btn-sm">Button</button>
+          <button class="btn btn-default btn-sm"><i class="fa fa-building"></i> Button</button>
+          <button class="btn btn-default btn-sm"><i class="fa fa-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>
+          <button class="btn btn-default">Button</button>
+          <button class="btn btn-default"><i class="fa fa-building"></i> Button</button>
+          <button class="btn btn-default"><i class="fa fa-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>
+          <button class="btn btn-default btn-lg">Button</button>
+          <button class="btn btn-default btn-lg"><i class="fa fa-building"></i> Button</button>
+          <button class="btn btn-default btn-lg"><i class="fa fa-building"></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 fa-lg"></i> Button</button>
+          <button class="btn btn-default btn-xs"><i class="fa fa-building 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 fa-lg"></i> Button</button>
+          <button class="btn btn-default btn-sm"><i class="fa fa-building 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 fa-lg"></i> Button</button>
+          <button class="btn btn-default"><i class="fa fa-building 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 fa-lg"></i> Button</button>
+          <button class="btn btn-default btn-lg"><i class="fa fa-building 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>
@@ -366,133 +356,172 @@
 
   <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"></i> Button</a>
+          <a class="btn btn-default btn-xs"><i class="fa fa-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>
+          <a class="btn btn-default btn-sm">Button</a>
+          <a class="btn btn-default btn-sm"><i class="fa fa-building"></i> Button</a>
+          <a class="btn btn-default btn-sm"><i class="fa fa-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>
+          <a class="btn btn-default">Button</a>
+          <a class="btn btn-default"><i class="fa fa-building"></i> Button</a>
+          <a class="btn btn-default"><i class="fa fa-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>
+          <a class="btn btn-default btn-lg">Button</a>
+          <a class="btn btn-default btn-lg"><i class="fa fa-building"></i> Button</a>
+          <a class="btn btn-default btn-lg"><i class="fa fa-building"></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 fa-lg"></i> Button</a>
+          <a class="btn btn-default btn-xs"><i class="fa fa-building 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 fa-lg"></i> Button</a>
+          <a class="btn btn-default btn-sm"><i class="fa fa-building 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 fa-lg"></i> Button</a>
+          <a class="btn btn-default"><i class="fa fa-building 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 fa-lg"></i> Button</a>
+          <a class="btn btn-default btn-lg"><i class="fa fa-building 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>
@@ -501,107 +530,113 @@
 
   <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"></i> Menu Item 1</a></li>
+            <li><a href="#"><i class="fa fa-building 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"></i> Menu Item 1</a></li>
+            <li><a href="#"><i class="fa fa-building 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 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"></i> Menu Item 1</a></li>
+            <li><a href="#"><i class="fa fa-building 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"></i> Menu Item 1</a></li>
+            <li><a href="#"><i class="fa fa-building 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 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 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>
@@ -609,92 +644,96 @@
 
   <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"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+            <i class="fa fa-building"></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>
-      </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>
+        <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 fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+            <i class="fa fa-building"></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>
+  <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 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 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"></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="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 fa-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="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"></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="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 fa-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="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"></i>
+            <span class="label label-default">foo</span>
+            <a class="btn btn-default btn-xs">foo</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="col-md-6">
+      <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"></i>
+            <span class="label label-default">foo</span>
+            <a class="btn btn-default btn-xs">foo</a>
           </li>
         </ul>
       </div>
@@ -703,7 +742,7 @@
 
 
   <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>
@@ -712,7 +751,7 @@
         </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>
@@ -726,61 +765,61 @@
 
   <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-blank fa-spin"></i> Loading...
+    <button class="btn btn-default btn-sm"><i class="fa fa-circle-blank 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-blank fa-spin"></i> Loading...
+    <button class="btn btn-default"><i class="fa fa-circle-blank 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-blank fa-spin"></i> Loading...
+    <button class="btn btn-default btn-lg"><i class="fa fa-circle-blank 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-blank fa-lg fa-spin"></i> Loading...
+    <button class="btn btn-default btn-sm"><i class="fa fa-circle-blank 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-blank fa-lg fa-spin"></i> Loading...
+    <button class="btn btn-default"><i class="fa fa-circle-blank 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-blank fa-lg fa-spin"></i> Loading...
+    <button class="btn btn-default btn-lg"><i class="fa fa-circle-blank 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>
@@ -788,106 +827,106 @@
   <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 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>
   </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 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>
@@ -896,69 +935,69 @@
   <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 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>
@@ -968,50 +1007,50 @@
 
   <h3>Mirrored and rotated icons</h3>
   <div class="row">
-    <div class="span6">
+    <div class="col-md-6">
       <div class="well">
-        <i class="icon-flag"></i>&nbsp; normal<br>
-<i class="icon-flag icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
-<i class="icon-flag icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
-<i class="icon-flag icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
-<i class="icon-flag icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
-<i class="icon-flag icon-flip-vertical"></i>&nbsp; icon-flip-vertical
+        <i class="fa fa-flag"></i>&nbsp; normal<br>
+<i class="fa fa-flag fa-rotate-90"></i>&nbsp; fa-rotate-90<br>
+<i class="fa fa-flag fa-rotate-180"></i>&nbsp; fa-rotate-180<br>
+<i class="fa fa-flag fa-rotate-270"></i>&nbsp; fa-rotate-270<br>
+<i class="fa fa-flag fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal<br>
+<i class="fa fa-flag fa-flip-vertical"></i>&nbsp; fa-flip-vertical
 
       </div>
     </div>
-    <div class="span6">
+    <div class="col-md-6">
       <div class="well lead">
-        <i class="icon-flag"></i>&nbsp; normal<br>
-<i class="icon-flag icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
-<i class="icon-flag icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
-<i class="icon-flag icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
-<i class="icon-flag icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
-<i class="icon-flag icon-flip-vertical"></i>&nbsp; icon-flip-vertical
+        <i class="fa fa-flag"></i>&nbsp; normal<br>
+<i class="fa fa-flag fa-rotate-90"></i>&nbsp; fa-rotate-90<br>
+<i class="fa fa-flag fa-rotate-180"></i>&nbsp; fa-rotate-180<br>
+<i class="fa fa-flag fa-rotate-270"></i>&nbsp; fa-rotate-270<br>
+<i class="fa fa-flag fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal<br>
+<i class="fa fa-flag fa-flip-vertical"></i>&nbsp; fa-flip-vertical
 
       </div>
     </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">
-        <a href="#"><i class="icon-flag"></i>&nbsp; normal</a><br>
-<a href="#"><i class="icon-flag icon-rotate-90"></i>&nbsp; icon-rotate-90</a><br>
-<a href="#"><i class="icon-flag icon-rotate-180"></i>&nbsp; icon-rotate-180</a><br>
-<a href="#"><i class="icon-flag icon-rotate-270"></i>&nbsp; icon-rotate-270</a><br>
-<a href="#"><i class="icon-flag icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal</a><br>
-<a href="#"><i class="icon-flag icon-flip-vertical"></i>&nbsp; icon-flip-vertical</a>
+        <a href="#"><i class="fa fa-flag"></i>&nbsp; normal</a><br>
+<a href="#"><i class="fa fa-flag fa-rotate-90"></i>&nbsp; fa-rotate-90</a><br>
+<a href="#"><i class="fa fa-flag fa-rotate-180"></i>&nbsp; fa-rotate-180</a><br>
+<a href="#"><i class="fa fa-flag fa-rotate-270"></i>&nbsp; fa-rotate-270</a><br>
+<a href="#"><i class="fa fa-flag fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal</a><br>
+<a href="#"><i class="fa fa-flag fa-flip-vertical"></i>&nbsp; fa-flip-vertical</a>
 
       </div>
     </div>
-    <div class="span6">
+    <div class="col-md-6">
       <div class="well">
-        <a class="btn" href="#"><i class="icon-flag"></i>&nbsp; normal</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-rotate-90"></i>&nbsp; icon-rotate-90</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-rotate-180"></i>&nbsp; icon-rotate-180</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-rotate-270"></i>&nbsp; icon-rotate-270</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal</a><br>
-<a class="btn" href="#"><i class="icon-flag icon-flip-vertical"></i>&nbsp; icon-flip-vertical</a>
+        <a class="btn btn-default" href="#"><i class="fa fa-flag"></i>&nbsp; normal</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-90"></i>&nbsp; fa-rotate-90</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-180"></i>&nbsp; fa-rotate-180</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-270"></i>&nbsp; fa-rotate-270</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal</a><br>
+<a class="btn btn-default" href="#"><i class="fa fa-flag fa-flip-vertical"></i>&nbsp; fa-flip-vertical</a>
 
       </div>
     </div>
@@ -1019,24 +1058,23 @@
 
 </section>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -1047,9 +1085,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../assets/js/site.js"></script>
 
 </body>
diff --git a/whats-new/index.html b/whats-new/index.html
index fe0f5549a..c2eca06ca 100644
--- a/whats-new/index.html
+++ b/whats-new/index.html
@@ -1,34 +1,26 @@
 <!DOCTYPE html>
-<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
-<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
-<!--[if IE 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>What's New</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="../assets/ico/favicon.ico">
 
-  <!--[if lt IE 9]>
-  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
+  <title>What's New</title>
 
   <!-- CSS
- ================================================== -->
-
+  ================================================== -->
   <link rel="stylesheet" href="../assets/css/site.css">
   <link rel="stylesheet" href="../assets/css/pygments.css">
   <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.css">
-  <!--[if IE 7]>
-  <link rel="stylesheet" href="../assets/font-awesome/css/font-awesome-ie7.css">
+
+  <!--[if lt IE 9]>
+    <script src="../assets/js/html5shiv.js"></script>
+    <script src="../assets/js/respond.min.js"></script>
   <![endif]-->
-  <!-- Le fav and touch icons -->
-  <link rel="shortcut icon" href="../assets/ico/favicon.ico">
 
   <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
@@ -45,75 +37,75 @@
     })();
   </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 -->
   <div class="navbar navbar-inverse navbar-static-top hidden-print">
-  <div class="navbar-inner">
-    <div class="container">
-      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </a>
-
-      <a class="brand" href="../"><i class="icon-flag"></i> Font Awesome</a>
-      <div class="nav-collapse collapse">
-        <ul class="nav">
-          <li class="hidden-tablet "><a href="../">Home</a></li>
-          <li><a href="../get-started/">Get Started</a></li>
-          <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
-              <li class="divider"></li>
-              <li><a href="../icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in 3.2.1</a></li>
-              <li><a href="../icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
-              <li><a href="../icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
-              <li><a href="../icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
-              <li><a href="../icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
-              <li><a href="../icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
-              <li><a href="../icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
-              <li><a href="../icons/#medical"><i class="icon-medkit icon-fixed-width"></i>&nbsp; Medical Icons</a></li>
-            </ul>
-          </li>
-          <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
-          <li class="dropdown dropdown-split-right hidden-phone">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <i class="icon-caret-down"></i>
-            </a>
-            <ul class="dropdown-menu pull-right">
-              <li><a href="../examples/">Examples</a></li>
-              <li class="divider"></li>
-              <li><a href="../examples/#new-styles">New Styles</a></li>
-              <li><a href="../examples/#inline-icons">Inline Icons</a></li>
-              <li><a href="../examples/#larger-icons">Larger Icons</a></li>
-              <li><a href="../examples/#bordered-pulled">Bordered & Pulled</a></li>
-              <li><a href="../examples/#buttons">Buttons</a></li>
-              <li><a href="../examples/#button-groups">Button Groups</a></li>
-              <li><a href="../examples/#button-dropdowns">Button Dropdowns</a></li>
-              <li><a href="../examples/#bulleted-lists">Bulleted Lists</a></li>
-              <li><a href="../examples/#navigation">Navigation</a></li>
-              <li><a href="../examples/#form-inputs">Form Inputs</a></li>
-              <li><a href="../examples/#animated-spinner">Animated Spinner</a></li>
-              <li><a href="../examples/#rotated-flipped">Rotated &amp; 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 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-reorder fa-lg"></i>
+      </button>
+      <a class="navbar-brand" href="../"><i class="fa fa-flag"></i> Font Awesome</a>
     </div>
+
+    <div class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        <li class="hidden-sm "><a href="../">Home</a></li>
+        <li class="hidden-sm active">
+          <a href="../whats-new/">What's New</a>
+        </li>
+        <li class="hidden-xs hidden-md hidden-lg active">
+          <a href="../whats-new/">New</a>
+        </li>
+        <li><a href="../get-started/">Get Started</a></li>
+        <li class="dropdown-split-left"><a href="../icons/">Icons</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../icons/"><i class="fa fa-flag fa-fw"></i>&nbsp; Icons</a></li>
+            <li class="divider"></li>
+            <li><a href="../icons/#new"><i class="fa fa-rub fa-fw"></i>&nbsp; New Icons in 4.0</a></li>
+            <li><a href="../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; Web Application Icons</a></li>
+            <li><a href="../icons/#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; Form Control Icons</a></li>
+            <li><a href="../icons/#currency"><i class="fa fa-won fa-fw"></i>&nbsp; Currency Icons</a></li>
+            <li><a href="../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; Text Editor Icons</a></li>
+            <li><a href="../icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; Directional Icons</a></li>
+            <li><a href="../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; Video Player Icons</a></li>
+            <li><a href="../icons/#brand"><i class="fa fa-github fa-fw"></i>&nbsp; Brand Icons</a></li>
+            <li><a href="../icons/#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; Medical Icons</a></li>
+          </ul>
+        </li>
+        <li class="dropdown-split-left"><a href="../examples/">Examples</a></li>
+        <li class="dropdown dropdown-split-right hidden-xs">
+          <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="../examples/">Examples</a></li>
+            <li class="divider"></li>
+            <li><a href="../examples/#inline">Inline Icons</a></li>
+            <li><a href="../examples/#larger">Larger Icons</a></li>
+            <li><a href="../examples/#fixed-width">Fixed Width Icons</a></li>
+            <li><a href="../examples/#list">List Icons</a></li>
+            <li><a href="../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
+            <li><a href="../examples/#spinning">Spinning Icons</a></li>
+            <li><a href="../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
+            <li><a href="../examples/#stacked">Stacked Icons</a></li>
+            <li><a href="../examples/#bootstrap">Bootstrap 3 Examples</a></li>
+            <li><a href="../examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
+        <li><a href="../community/">Community</a></li>
+        <li><a href="../license/">License</a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="http://blog.fontawesome.io">Blog</a></li>
+      </ul>
+    </div>
+
   </div>
 </div>
 
@@ -123,14 +115,14 @@
 
 <div class="jumbotron jumbotron-ad hidden-print">
   <div class="container">
-    <h1><i class="icon-lightbulb icon-large"></i>&nbsp; What's New</h1>
-    <p>What's New in the latest version &mdash; Font Awesome 3.2</p>
+    <h1><i class="fa fa-lightbulb-o"></i>&nbsp; What's New</h1>
+    <p>What's New in the latest version &mdash; Font Awesome 4.0</p>
   </div>
 </div>
 
 <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>
@@ -151,244 +143,211 @@
 <div class="container">
   
 <section class="hidden-print">
-  <div class="row stripe-ad">
-    <div class="span8">
-      
+  <div class="stripe-ad">
+    <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">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>
+
+    
 <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?
+  4.0. 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">
+<section id="whats-new" class="feature-list">
   <div class="row">
-    <div class="span4">
-      <h4><i class="icon-compass"></i> 58 New Icons in 3.2</h4>
+    <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 4.0 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> 10 New Icons in 4.0</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>
 
-  <section id="new-styles">
-  <h2 class="page-header">New Styles in 3.2</h2>
+  <section id="new-naming">
+  <h2 class="page-header">New Naming Conventions in 4.0</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="span4">
-      <h4><a href="#rotated-flipped">Rotated and Flipped Icons</a></h4>
-      <div class="well well-transparent">
-        <i class="icon-shield"></i>&nbsp; normal<br>
-        <i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
-        <i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
-        <i class="icon-shield icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
-        <i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
-        <i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical
-      </div>
+    <div class="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="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 class="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="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 class="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-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-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-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>
 
   <section id="new">
-  <h2 class="page-header">New Icons in 3.2</h2>
+  <h2 class="page-header">10 New Icons in 4.0</h2>
   
     <div class="margin-botom-large">
-      You asked, Font Awesome delivers with 58 shiny new icons in version 3.2.
+      You asked, Font Awesome delivers with 10 shiny new icons in version 4.0.
       Want to request new icons? <a href="../community/#requesting-new-icons">Here's how</a>.
     </div>
   
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     
 
     
-      <div class="span3"><a href="../icon/compass"><i class="icon-compass"></i> icon-compass</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rub"><i class="fa fa-rub"></i> fa-rub</a></div>
     
-      <div class="span3"><a href="../icon/collapse"><i class="icon-collapse"></i> icon-collapse</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rub"><i class="fa fa-ruble"></i> fa-ruble <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/collapse-top"><i class="icon-collapse-top"></i> icon-collapse-top</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/rub"><i class="fa fa-rouble"></i> fa-rouble <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/expand"><i class="icon-expand"></i> icon-expand</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pagelines"><i class="fa fa-pagelines"></i> fa-pagelines</a></div>
     
-      <div class="span3"><a href="../icon/eur"><i class="icon-eur"></i> icon-eur</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/stack-exchange"><i class="fa fa-stack-exchange"></i> fa-stack-exchange</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="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-o-right"><i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right</a></div>
     
-      <div class="span3"><a href="../icon/gbp"><i class="icon-gbp"></i> icon-gbp</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrow-circle-o-left"><i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left</a></div>
     
-      <div class="span3"><a href="../icon/usd"><i class="icon-usd"></i> icon-usd</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-left"><i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left</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="fa-hover col-md-3 col-sm-4"><a href="../icon/caret-square-o-left"><i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span></a></div>
     
-      <div class="span3"><a href="../icon/inr"><i class="icon-inr"></i> icon-inr</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/dot-circle-o"><i class="fa fa-dot-circle-o"></i> fa-dot-circle-o</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="fa-hover col-md-3 col-sm-4"><a href="../icon/wheelchair"><i class="fa fa-wheelchair"></i> fa-wheelchair</a></div>
     
-      <div class="span3"><a href="../icon/jpy"><i class="icon-jpy"></i> icon-jpy</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/vimeo-square"><i class="fa fa-vimeo-square"></i> fa-vimeo-square</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="fa-hover col-md-3 col-sm-4"><a href="../icon/try"><i class="fa fa-try"></i> fa-try</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 class="fa-hover col-md-3 col-sm-4"><a href="../icon/try"><i class="fa fa-turkish-lira"></i> fa-turkish-lira <span class="text-muted">(alias)</span></a></div>
     
   </div>
 
@@ -396,24 +355,23 @@
 
 </div>
 
-  <div class="push"><!-- necessary for sticky footer --></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 3.2.1
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <i class="fa fa-flag"></i> Font Awesome 4.0.0
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
     </div>
     <div>
       Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
-      <span class="hidden-phone">&middot;</span><br class="visible-phone">
+      <span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
       Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
-      <span class="hidden-phone hidden-tablet">&middot;</span><br class="visible-phone visible-tablet">
+      <span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
       Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
     </div>
     <div>
-      Thanks to <a href="http://maxcdn.com"><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="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> &middot;
@@ -424,9 +382,9 @@
 
 
 <script src="http://platform.twitter.com/widgets.js"></script>
-<script src="../assets/js/jquery-1.7.1.min.js"></script>
+<script src="../assets/js/jquery-1.10.2.min.js"></script>
 <script src="../assets/js/ZeroClipboard-1.1.7.min.js"></script>
-<script src="../assets/js/bootstrap-2.3.1.min.js"></script>
+<script src="../assets/js/bootstrap-3.0.0.min.js"></script>
 <script src="../assets/js/site.js"></script>
 
 </body>